From 20b2df9b66cb3b96d262d5dd4b6abe46c4eafd2a Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Fri, 15 Jan 2021 21:26:31 +0800 Subject: [PATCH] update --- README.md | 14 +- install.sh | 299 +- parse-sass.sh | 29 +- .../add-workspace-active.svg | 12 + .../cinnamon/common-assets-blue/checkbox.svg | 32 + .../common-assets-blue/corner-ripple.svg | 5 + .../common-assets-blue/menu-hover.svg | 7 + .../common-assets-blue/radiobutton.svg | 25 + .../cinnamon/common-assets-blue/toggle-on.svg | 20 + .../add-workspace-active.svg | 12 + .../cinnamon/common-assets-green/checkbox.svg | 32 + .../common-assets-green/corner-ripple.svg | 5 + .../common-assets-green/menu-hover.svg | 7 + .../common-assets-green/radiobutton.svg | 25 + .../common-assets-green/toggle-on.svg | 20 + .../add-workspace-active.svg | 12 + .../cinnamon/common-assets-grey/checkbox.svg | 32 + .../common-assets-grey/corner-ripple.svg | 5 + .../common-assets-grey/menu-hover.svg | 7 + .../common-assets-grey/radiobutton.svg | 25 + .../cinnamon/common-assets-grey/toggle-on.svg | 20 + .../add-workspace-active.svg | 12 + .../common-assets-orange/checkbox.svg | 32 + .../common-assets-orange/corner-ripple.svg | 5 + .../common-assets-orange/menu-hover.svg | 7 + .../common-assets-orange/radiobutton.svg | 25 + .../common-assets-orange/toggle-on.svg | 20 + .../add-workspace-active.svg | 12 + .../cinnamon/common-assets-pink/checkbox.svg | 32 + .../common-assets-pink/corner-ripple.svg | 5 + .../common-assets-pink/menu-hover.svg | 7 + .../common-assets-pink/radiobutton.svg | 25 + .../cinnamon/common-assets-pink/toggle-on.svg | 20 + .../add-workspace-active.svg | 12 + .../common-assets-purple/checkbox.svg | 32 + .../common-assets-purple/corner-ripple.svg | 5 + .../common-assets-purple/menu-hover.svg | 7 + .../common-assets-purple/radiobutton.svg | 25 + .../common-assets-purple/toggle-on.svg | 20 + .../add-workspace-active.svg | 12 + .../cinnamon/common-assets-red/checkbox.svg | 32 + .../common-assets-red/corner-ripple.svg | 5 + .../cinnamon/common-assets-red/menu-hover.svg | 7 + .../common-assets-red/radiobutton.svg | 25 + .../cinnamon/common-assets-red/toggle-on.svg | 20 + .../add-workspace-active.svg | 12 + .../common-assets-yellow/checkbox.svg | 32 + .../common-assets-yellow/corner-ripple.svg | 5 + .../common-assets-yellow/menu-hover.svg | 7 + .../common-assets-yellow/radiobutton.svg | 25 + .../common-assets-yellow/toggle-on.svg | 20 + .../cinnamon/common-assets/menu-hover.svg | 11 +- src/assets/cinnamon/render-thumbnails.sh | 19 - src/assets/cinnamon/thumbnail.svg | 2131 ---- .../cinnamon/thumbnails/render-thumbnails.sh | 21 + .../thumbnails/thumbnail-dark-blue.png | Bin 0 -> 6181 bytes .../thumbnails/thumbnail-dark-green.png | Bin 0 -> 6202 bytes .../thumbnails/thumbnail-dark-grey.png | Bin 0 -> 6128 bytes .../thumbnails/thumbnail-dark-orange.png | Bin 0 -> 6204 bytes .../thumbnails/thumbnail-dark-pink.png | Bin 0 -> 6202 bytes .../thumbnails/thumbnail-dark-purple.png | Bin 0 -> 6204 bytes .../thumbnails/thumbnail-dark-red.png | Bin 0 -> 6197 bytes .../thumbnails/thumbnail-dark-yellow.png | Bin 0 -> 6177 bytes .../{ => thumbnails}/thumbnail-dark.png | Bin .../thumbnails/thumbnail-light-blue.png | Bin 0 -> 6102 bytes .../thumbnails/thumbnail-light-green.png | Bin 0 -> 6107 bytes .../thumbnails/thumbnail-light-grey.png | Bin 0 -> 6035 bytes .../thumbnails/thumbnail-light-orange.png | Bin 0 -> 6124 bytes .../thumbnails/thumbnail-light-pink.png | Bin 0 -> 6096 bytes .../thumbnails/thumbnail-light-purple.png | Bin 0 -> 6096 bytes .../thumbnails/thumbnail-light-red.png | Bin 0 -> 6106 bytes .../thumbnails/thumbnail-light-yellow.png | Bin 0 -> 6093 bytes .../{ => thumbnails}/thumbnail-light.png | Bin src/assets/cinnamon/thumbnails/thumbnail.svg | 5266 ++++++++ .../common-assets-blue/checkbox.svg | 19 + .../common-assets-blue/more-results.svg | 6 + .../common-assets-blue/toggle-on.svg | 20 + .../common-assets-green/checkbox.svg | 19 + .../common-assets-green/more-results.svg | 6 + .../common-assets-green/toggle-on.svg | 20 + .../common-assets-grey/checkbox.svg | 19 + .../common-assets-grey/more-results.svg | 6 + .../common-assets-grey/toggle-on.svg | 20 + .../common-assets-orange/checkbox.svg | 19 + .../common-assets-orange/more-results.svg | 6 + .../common-assets-orange/toggle-on.svg | 20 + .../common-assets-pink/checkbox.svg | 19 + .../common-assets-pink/more-results.svg | 6 + .../common-assets-pink/toggle-on.svg | 20 + .../common-assets-purple/checkbox.svg | 19 + .../common-assets-purple/more-results.svg | 6 + .../common-assets-purple/toggle-on.svg | 20 + .../common-assets-red/checkbox.svg | 19 + .../common-assets-red/more-results.svg | 6 + .../common-assets-red/toggle-on.svg | 20 + .../common-assets-yellow/checkbox.svg | 19 + .../common-assets-yellow/more-results.svg | 6 + .../common-assets-yellow/toggle-on.svg | 20 + src/assets/gtk-2.0/assets-dark-blue.svg | 232 + .../assets-dark-blue/button-active-hover.png | Bin 0 -> 377 bytes .../assets-dark-blue/button-active.png | Bin 0 -> 377 bytes .../assets-dark-blue/checkbox-checked.png | Bin 0 -> 364 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 368 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 277 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 318 bytes .../assets-dark-blue/combo-entry-focus.png | Bin 0 -> 322 bytes .../assets-dark-blue/entry-active-bg.png | Bin 0 -> 372 bytes .../entry-active-notebook.png | Bin 0 -> 364 bytes .../assets-dark-blue/entry-active-toolbar.png | Bin 0 -> 368 bytes .../entry-border-active-bg.png | Bin 0 -> 399 bytes .../menu-checkbox-checked.png | Bin 0 -> 353 bytes .../assets-dark-blue/menu-radio-checked.png | Bin 0 -> 506 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-dark-blue/progressbar.png | Bin 0 -> 252 bytes .../assets-dark-blue/progressbar_v.png | Bin 0 -> 249 bytes .../assets-dark-blue/radio-checked.png | Bin 0 -> 473 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-dark-green.svg | 232 + .../assets-dark-green/button-active-hover.png | Bin 0 -> 377 bytes .../assets-dark-green/button-active.png | Bin 0 -> 377 bytes .../assets-dark-green/checkbox-checked.png | Bin 0 -> 360 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 368 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 280 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 314 bytes .../assets-dark-green/combo-entry-focus.png | Bin 0 -> 319 bytes .../assets-dark-green/entry-active-bg.png | Bin 0 -> 363 bytes .../entry-active-notebook.png | Bin 0 -> 358 bytes .../entry-active-toolbar.png | Bin 0 -> 361 bytes .../entry-border-active-bg.png | Bin 0 -> 387 bytes .../menu-checkbox-checked.png | Bin 0 -> 353 bytes .../assets-dark-green/menu-radio-checked.png | Bin 0 -> 503 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-dark-green/progressbar.png | Bin 0 -> 252 bytes .../assets-dark-green/progressbar_v.png | Bin 0 -> 249 bytes .../assets-dark-green/radio-checked.png | Bin 0 -> 470 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-dark-grey.svg | 232 + .../assets-dark-grey/button-active-hover.png | Bin 0 -> 360 bytes .../assets-dark-grey/button-active.png | Bin 0 -> 366 bytes .../assets-dark-grey/checkbox-checked.png | Bin 0 -> 357 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 364 bytes .../combo-entry-border-focus.png | Bin 0 -> 345 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 279 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 300 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 303 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 296 bytes .../assets-dark-grey/combo-entry-focus.png | Bin 0 -> 299 bytes .../assets-dark-grey/entry-active-bg.png | Bin 0 -> 235 bytes .../entry-active-notebook.png | Bin 0 -> 238 bytes .../assets-dark-grey/entry-active-toolbar.png | Bin 0 -> 234 bytes .../entry-border-active-bg.png | Bin 0 -> 374 bytes .../menu-checkbox-checked.png | Bin 0 -> 333 bytes .../assets-dark-grey/menu-radio-checked.png | Bin 0 -> 312 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-dark-grey/progressbar.png | Bin 0 -> 252 bytes .../assets-dark-grey/progressbar_v.png | Bin 0 -> 248 bytes .../assets-dark-grey/radio-checked.png | Bin 0 -> 452 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 239 bytes src/assets/gtk-2.0/assets-dark-orange.svg | 232 + .../button-active-hover.png | Bin 0 -> 377 bytes .../assets-dark-orange/button-active.png | Bin 0 -> 377 bytes .../assets-dark-orange/checkbox-checked.png | Bin 0 -> 357 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 363 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 280 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 304 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 315 bytes .../assets-dark-orange/combo-entry-focus.png | Bin 0 -> 319 bytes .../assets-dark-orange/entry-active-bg.png | Bin 0 -> 362 bytes .../entry-active-notebook.png | Bin 0 -> 362 bytes .../entry-active-toolbar.png | Bin 0 -> 368 bytes .../entry-border-active-bg.png | Bin 0 -> 395 bytes .../menu-checkbox-checked.png | Bin 0 -> 349 bytes .../assets-dark-orange/menu-radio-checked.png | Bin 0 -> 511 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../assets-dark-orange/progressbar.png | Bin 0 -> 252 bytes .../assets-dark-orange/progressbar_v.png | Bin 0 -> 249 bytes .../assets-dark-orange/radio-checked.png | Bin 0 -> 467 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-dark-pink.svg | 232 + .../assets-dark-pink/button-active-hover.png | Bin 0 -> 377 bytes .../assets-dark-pink/button-active.png | Bin 0 -> 377 bytes .../assets-dark-pink/checkbox-checked.png | Bin 0 -> 364 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 368 bytes .../combo-entry-border-focus.png | Bin 0 -> 343 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 280 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 318 bytes .../assets-dark-pink/combo-entry-focus.png | Bin 0 -> 318 bytes .../assets-dark-pink/entry-active-bg.png | Bin 0 -> 368 bytes .../entry-active-notebook.png | Bin 0 -> 356 bytes .../assets-dark-pink/entry-active-toolbar.png | Bin 0 -> 363 bytes .../entry-border-active-bg.png | Bin 0 -> 396 bytes .../menu-checkbox-checked.png | Bin 0 -> 353 bytes .../assets-dark-pink/menu-radio-checked.png | Bin 0 -> 503 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-dark-pink/progressbar.png | Bin 0 -> 252 bytes .../assets-dark-pink/progressbar_v.png | Bin 0 -> 249 bytes .../assets-dark-pink/radio-checked.png | Bin 0 -> 462 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-dark-purple.svg | 232 + .../button-active-hover.png | Bin 0 -> 377 bytes .../assets-dark-purple/button-active.png | Bin 0 -> 377 bytes .../assets-dark-purple/checkbox-checked.png | Bin 0 -> 360 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 368 bytes .../combo-entry-border-focus.png | Bin 0 -> 345 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 280 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 304 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 312 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 311 bytes .../assets-dark-purple/combo-entry-focus.png | Bin 0 -> 315 bytes .../assets-dark-purple/entry-active-bg.png | Bin 0 -> 352 bytes .../entry-active-notebook.png | Bin 0 -> 353 bytes .../entry-active-toolbar.png | Bin 0 -> 356 bytes .../entry-border-active-bg.png | Bin 0 -> 387 bytes .../menu-checkbox-checked.png | Bin 0 -> 349 bytes .../assets-dark-purple/menu-radio-checked.png | Bin 0 -> 503 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../assets-dark-purple/progressbar.png | Bin 0 -> 252 bytes .../assets-dark-purple/progressbar_v.png | Bin 0 -> 249 bytes .../assets-dark-purple/radio-checked.png | Bin 0 -> 469 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-dark-red.svg | 232 + .../assets-dark-red/button-active-hover.png | Bin 0 -> 377 bytes .../gtk-2.0/assets-dark-red/button-active.png | Bin 0 -> 377 bytes .../assets-dark-red/checkbox-checked.png | Bin 0 -> 364 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 368 bytes .../combo-entry-border-focus.png | Bin 0 -> 343 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 275 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../assets-dark-red/combo-entry-focus-rtl.png | Bin 0 -> 318 bytes .../assets-dark-red/combo-entry-focus.png | Bin 0 -> 318 bytes .../assets-dark-red/entry-active-bg.png | Bin 0 -> 364 bytes .../assets-dark-red/entry-active-notebook.png | Bin 0 -> 358 bytes .../assets-dark-red/entry-active-toolbar.png | Bin 0 -> 365 bytes .../entry-border-active-bg.png | Bin 0 -> 399 bytes .../assets-dark-red/menu-checkbox-checked.png | Bin 0 -> 345 bytes .../assets-dark-red/menu-radio-checked.png | Bin 0 -> 506 bytes .../assets-dark-red/pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-dark-red/progressbar.png | Bin 0 -> 252 bytes .../gtk-2.0/assets-dark-red/progressbar_v.png | Bin 0 -> 249 bytes .../gtk-2.0/assets-dark-red/radio-checked.png | Bin 0 -> 469 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-dark-yellow.svg | 232 + .../button-active-hover.png | Bin 0 -> 377 bytes .../assets-dark-yellow/button-active.png | Bin 0 -> 377 bytes .../assets-dark-yellow/checkbox-checked.png | Bin 0 -> 364 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 363 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-button-active-rtl.png | Bin 0 -> 280 bytes .../combo-entry-button-active.png | Bin 0 -> 283 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 312 bytes .../assets-dark-yellow/combo-entry-focus.png | Bin 0 -> 322 bytes .../assets-dark-yellow/entry-active-bg.png | Bin 0 -> 371 bytes .../entry-active-notebook.png | Bin 0 -> 361 bytes .../entry-active-toolbar.png | Bin 0 -> 371 bytes .../entry-border-active-bg.png | Bin 0 -> 399 bytes .../menu-checkbox-checked.png | Bin 0 -> 353 bytes .../assets-dark-yellow/menu-radio-checked.png | Bin 0 -> 501 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../assets-dark-yellow/progressbar.png | Bin 0 -> 252 bytes .../assets-dark-yellow/progressbar_v.png | Bin 0 -> 249 bytes .../assets-dark-yellow/radio-checked.png | Bin 0 -> 468 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light-blue.svg | 208 + .../assets-light-blue/checkbox-checked.png | Bin 0 -> 361 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 369 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 318 bytes .../assets-light-blue/combo-entry-focus.png | Bin 0 -> 318 bytes .../assets-light-blue/entry-active-bg.png | Bin 0 -> 362 bytes .../entry-active-notebook.png | Bin 0 -> 353 bytes .../entry-active-toolbar.png | Bin 0 -> 362 bytes .../entry-border-active-bg.png | Bin 0 -> 396 bytes .../menu-checkbox-checked.png | Bin 0 -> 354 bytes .../assets-light-blue/menu-radio-checked.png | Bin 0 -> 359 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-light-blue/progressbar.png | Bin 0 -> 252 bytes .../assets-light-blue/progressbar_v.png | Bin 0 -> 249 bytes .../assets-light-blue/radio-checked.png | Bin 0 -> 422 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light-green.svg | 208 + .../assets-light-green/checkbox-checked.png | Bin 0 -> 363 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 369 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 310 bytes .../assets-light-green/combo-entry-focus.png | Bin 0 -> 315 bytes .../assets-light-green/entry-active-bg.png | Bin 0 -> 363 bytes .../entry-active-notebook.png | Bin 0 -> 358 bytes .../entry-active-toolbar.png | Bin 0 -> 364 bytes .../entry-border-active-bg.png | Bin 0 -> 383 bytes .../menu-checkbox-checked.png | Bin 0 -> 354 bytes .../assets-light-green/menu-radio-checked.png | Bin 0 -> 356 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../assets-light-green/progressbar.png | Bin 0 -> 252 bytes .../assets-light-green/progressbar_v.png | Bin 0 -> 249 bytes .../assets-light-green/radio-checked.png | Bin 0 -> 419 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light-grey.svg | 208 + .../assets-light-grey/checkbox-checked.png | Bin 0 -> 342 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 365 bytes .../combo-entry-border-focus.png | Bin 0 -> 345 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 304 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 307 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 307 bytes .../assets-light-grey/combo-entry-focus.png | Bin 0 -> 306 bytes .../assets-light-grey/entry-active-bg.png | Bin 0 -> 307 bytes .../entry-active-notebook.png | Bin 0 -> 229 bytes .../entry-active-toolbar.png | Bin 0 -> 228 bytes .../entry-border-active-bg.png | Bin 0 -> 372 bytes .../menu-checkbox-checked.png | Bin 0 -> 342 bytes .../assets-light-grey/menu-radio-checked.png | Bin 0 -> 350 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-light-grey/progressbar.png | Bin 0 -> 252 bytes .../assets-light-grey/progressbar_v.png | Bin 0 -> 248 bytes .../assets-light-grey/radio-checked.png | Bin 0 -> 406 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 239 bytes src/assets/gtk-2.0/assets-light-orange.svg | 208 + .../assets-light-orange/checkbox-checked.png | Bin 0 -> 358 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 364 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 314 bytes .../assets-light-orange/combo-entry-focus.png | Bin 0 -> 311 bytes .../assets-light-orange/entry-active-bg.png | Bin 0 -> 360 bytes .../entry-active-notebook.png | Bin 0 -> 352 bytes .../entry-active-toolbar.png | Bin 0 -> 359 bytes .../entry-border-active-bg.png | Bin 0 -> 387 bytes .../menu-checkbox-checked.png | Bin 0 -> 354 bytes .../menu-radio-checked.png | Bin 0 -> 356 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../assets-light-orange/progressbar.png | Bin 0 -> 252 bytes .../assets-light-orange/progressbar_v.png | Bin 0 -> 249 bytes .../assets-light-orange/radio-checked.png | Bin 0 -> 418 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light-pink.svg | 208 + .../assets-light-pink/checkbox-checked.png | Bin 0 -> 363 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 369 bytes .../combo-entry-border-focus.png | Bin 0 -> 340 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 305 bytes .../assets-light-pink/combo-entry-focus.png | Bin 0 -> 311 bytes .../assets-light-pink/entry-active-bg.png | Bin 0 -> 352 bytes .../entry-active-notebook.png | Bin 0 -> 347 bytes .../entry-active-toolbar.png | Bin 0 -> 349 bytes .../entry-border-active-bg.png | Bin 0 -> 389 bytes .../menu-checkbox-checked.png | Bin 0 -> 350 bytes .../assets-light-pink/menu-radio-checked.png | Bin 0 -> 359 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-light-pink/progressbar.png | Bin 0 -> 252 bytes .../assets-light-pink/progressbar_v.png | Bin 0 -> 249 bytes .../assets-light-pink/radio-checked.png | Bin 0 -> 417 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light-purple.svg | 208 + .../assets-light-purple/checkbox-checked.png | Bin 0 -> 353 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 369 bytes .../combo-entry-border-focus.png | Bin 0 -> 345 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 304 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 315 bytes .../assets-light-purple/combo-entry-focus.png | Bin 0 -> 316 bytes .../assets-light-purple/entry-active-bg.png | Bin 0 -> 355 bytes .../entry-active-notebook.png | Bin 0 -> 351 bytes .../entry-active-toolbar.png | Bin 0 -> 358 bytes .../entry-border-active-bg.png | Bin 0 -> 392 bytes .../menu-checkbox-checked.png | Bin 0 -> 354 bytes .../menu-radio-checked.png | Bin 0 -> 356 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../assets-light-purple/progressbar.png | Bin 0 -> 252 bytes .../assets-light-purple/progressbar_v.png | Bin 0 -> 249 bytes .../assets-light-purple/radio-checked.png | Bin 0 -> 416 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light-red.svg | 208 + .../assets-light-red/checkbox-checked.png | Bin 0 -> 366 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 365 bytes .../combo-entry-border-focus.png | Bin 0 -> 343 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 314 bytes .../assets-light-red/combo-entry-focus.png | Bin 0 -> 315 bytes .../assets-light-red/entry-active-bg.png | Bin 0 -> 351 bytes .../entry-active-notebook.png | Bin 0 -> 346 bytes .../assets-light-red/entry-active-toolbar.png | Bin 0 -> 355 bytes .../entry-border-active-bg.png | Bin 0 -> 391 bytes .../menu-checkbox-checked.png | Bin 0 -> 354 bytes .../assets-light-red/menu-radio-checked.png | Bin 0 -> 359 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../gtk-2.0/assets-light-red/progressbar.png | Bin 0 -> 252 bytes .../assets-light-red/progressbar_v.png | Bin 0 -> 249 bytes .../assets-light-red/radio-checked.png | Bin 0 -> 416 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light-yellow.svg | 208 + .../assets-light-yellow/checkbox-checked.png | Bin 0 -> 363 bytes .../combo-entry-border-focus-rtl.png | Bin 0 -> 360 bytes .../combo-entry-border-focus.png | Bin 0 -> 349 bytes .../combo-entry-focus-notebook-rtl.png | Bin 0 -> 308 bytes .../combo-entry-focus-notebook.png | Bin 0 -> 315 bytes .../combo-entry-focus-rtl.png | Bin 0 -> 307 bytes .../assets-light-yellow/combo-entry-focus.png | Bin 0 -> 314 bytes .../assets-light-yellow/entry-active-bg.png | Bin 0 -> 370 bytes .../entry-active-notebook.png | Bin 0 -> 366 bytes .../entry-active-toolbar.png | Bin 0 -> 374 bytes .../entry-border-active-bg.png | Bin 0 -> 395 bytes .../menu-checkbox-checked.png | Bin 0 -> 349 bytes .../menu-radio-checked.png | Bin 0 -> 355 bytes .../pathbar_button_active.png | Bin 0 -> 150 bytes .../pathbar_button_prelight.png | Bin 0 -> 150 bytes .../assets-light-yellow/progressbar.png | Bin 0 -> 252 bytes .../assets-light-yellow/progressbar_v.png | Bin 0 -> 249 bytes .../assets-light-yellow/radio-checked.png | Bin 0 -> 417 bytes .../trough-horizontal-active.png | Bin 0 -> 237 bytes .../trough-vertical-active.png | Bin 0 -> 242 bytes src/assets/gtk-2.0/assets-light.svg | 10 +- .../checkbox-checked-insensitive.png | Bin 395 -> 345 bytes .../menu-checkbox-checked-insensitive.png | Bin 353 -> 330 bytes .../menu-radio-checked-insensitive.png | Bin 350 -> 326 bytes .../radio-checked-insensitive.png | Bin 417 -> 381 bytes src/assets/gtk-2.0/render-assets.sh | 67 +- src/assets/gtk-2.0/theme_assets.txt | 24 + .../gtk-3.0/common-assets/assets-blue.svg | 194 + .../assets-blue/checkbox-checked-dark.png | Bin 0 -> 542 bytes .../assets-blue/checkbox-checked-dark@2.png | Bin 0 -> 980 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 1052 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1746 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 584 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 900 bytes .../assets-blue/checkbox-checked.png | Bin 0 -> 432 bytes .../assets-blue/checkbox-checked@2.png | Bin 0 -> 676 bytes .../assets-blue/checkbox-mixed-dark.png | Bin 0 -> 414 bytes .../assets-blue/checkbox-mixed-dark@2.png | Bin 0 -> 729 bytes .../assets-blue/checkbox-mixed.png | Bin 0 -> 323 bytes .../assets-blue/checkbox-mixed@2.png | Bin 0 -> 487 bytes .../assets-blue/radio-checked-dark.png | Bin 0 -> 630 bytes .../assets-blue/radio-checked-dark@2.png | Bin 0 -> 1272 bytes .../assets-blue/radio-checked.png | Bin 0 -> 438 bytes .../assets-blue/radio-checked@2.png | Bin 0 -> 825 bytes .../assets-blue/radio-mixed-dark.png | Bin 0 -> 578 bytes .../assets-blue/radio-mixed-dark@2.png | Bin 0 -> 1164 bytes .../common-assets/assets-blue/radio-mixed.png | Bin 0 -> 396 bytes .../assets-blue/radio-mixed@2.png | Bin 0 -> 706 bytes .../gtk-3.0/common-assets/assets-green.svg | 194 + .../assets-green/checkbox-checked-dark.png | Bin 0 -> 532 bytes .../assets-green/checkbox-checked-dark@2.png | Bin 0 -> 967 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 994 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1660 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 576 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 893 bytes .../assets-green/checkbox-checked.png | Bin 0 -> 426 bytes .../assets-green/checkbox-checked@2.png | Bin 0 -> 667 bytes .../assets-green/checkbox-mixed-dark.png | Bin 0 -> 409 bytes .../assets-green/checkbox-mixed-dark@2.png | Bin 0 -> 727 bytes .../assets-green/checkbox-mixed.png | Bin 0 -> 320 bytes .../assets-green/checkbox-mixed@2.png | Bin 0 -> 479 bytes .../assets-green/radio-checked-dark.png | Bin 0 -> 623 bytes .../assets-green/radio-checked-dark@2.png | Bin 0 -> 1270 bytes .../assets-green/radio-checked.png | Bin 0 -> 436 bytes .../assets-green/radio-checked@2.png | Bin 0 -> 829 bytes .../assets-green/radio-mixed-dark.png | Bin 0 -> 574 bytes .../assets-green/radio-mixed-dark@2.png | Bin 0 -> 1153 bytes .../assets-green/radio-mixed.png | Bin 0 -> 396 bytes .../assets-green/radio-mixed@2.png | Bin 0 -> 706 bytes .../gtk-3.0/common-assets/assets-grey.svg | 194 + .../assets-grey/checkbox-checked-dark.png | Bin 0 -> 476 bytes .../assets-grey/checkbox-checked-dark@2.png | Bin 0 -> 844 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 862 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1376 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 544 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 853 bytes .../assets-grey/checkbox-checked.png | Bin 0 -> 378 bytes .../assets-grey/checkbox-checked@2.png | Bin 0 -> 607 bytes .../assets-grey/checkbox-mixed-dark.png | Bin 0 -> 401 bytes .../assets-grey/checkbox-mixed-dark@2.png | Bin 0 -> 691 bytes .../assets-grey/checkbox-mixed.png | Bin 0 -> 304 bytes .../assets-grey/checkbox-mixed@2.png | Bin 0 -> 442 bytes .../assets-grey/radio-checked-dark.png | Bin 0 -> 416 bytes .../assets-grey/radio-checked-dark@2.png | Bin 0 -> 1203 bytes .../assets-grey/radio-checked.png | Bin 0 -> 426 bytes .../assets-grey/radio-checked@2.png | Bin 0 -> 804 bytes .../assets-grey/radio-mixed-dark.png | Bin 0 -> 383 bytes .../assets-grey/radio-mixed-dark@2.png | Bin 0 -> 1118 bytes .../common-assets/assets-grey/radio-mixed.png | Bin 0 -> 388 bytes .../assets-grey/radio-mixed@2.png | Bin 0 -> 701 bytes .../gtk-3.0/common-assets/assets-orange.svg | 194 + .../assets-orange/checkbox-checked-dark.png | Bin 0 -> 547 bytes .../assets-orange/checkbox-checked-dark@2.png | Bin 0 -> 986 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 1025 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1715 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 579 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 896 bytes .../assets-orange/checkbox-checked.png | Bin 0 -> 432 bytes .../assets-orange/checkbox-checked@2.png | Bin 0 -> 673 bytes .../assets-orange/checkbox-mixed-dark.png | Bin 0 -> 414 bytes .../assets-orange/checkbox-mixed-dark@2.png | Bin 0 -> 727 bytes .../assets-orange/checkbox-mixed.png | Bin 0 -> 323 bytes .../assets-orange/checkbox-mixed@2.png | Bin 0 -> 475 bytes .../assets-orange/radio-checked-dark.png | Bin 0 -> 634 bytes .../assets-orange/radio-checked-dark@2.png | Bin 0 -> 1281 bytes .../assets-orange/radio-checked.png | Bin 0 -> 440 bytes .../assets-orange/radio-checked@2.png | Bin 0 -> 825 bytes .../assets-orange/radio-mixed-dark.png | Bin 0 -> 578 bytes .../assets-orange/radio-mixed-dark@2.png | Bin 0 -> 1164 bytes .../assets-orange/radio-mixed.png | Bin 0 -> 396 bytes .../assets-orange/radio-mixed@2.png | Bin 0 -> 705 bytes .../gtk-3.0/common-assets/assets-pink.svg | 194 + .../assets-pink/checkbox-checked-dark.png | Bin 0 -> 550 bytes .../assets-pink/checkbox-checked-dark@2.png | Bin 0 -> 979 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 1045 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1699 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 584 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 879 bytes .../assets-pink/checkbox-checked.png | Bin 0 -> 416 bytes .../assets-pink/checkbox-checked@2.png | Bin 0 -> 675 bytes .../assets-pink/checkbox-mixed-dark.png | Bin 0 -> 418 bytes .../assets-pink/checkbox-mixed-dark@2.png | Bin 0 -> 732 bytes .../assets-pink/checkbox-mixed.png | Bin 0 -> 319 bytes .../assets-pink/checkbox-mixed@2.png | Bin 0 -> 479 bytes .../assets-pink/radio-checked-dark.png | Bin 0 -> 628 bytes .../assets-pink/radio-checked-dark@2.png | Bin 0 -> 1270 bytes .../assets-pink/radio-checked.png | Bin 0 -> 440 bytes .../assets-pink/radio-checked@2.png | Bin 0 -> 819 bytes .../assets-pink/radio-mixed-dark.png | Bin 0 -> 578 bytes .../assets-pink/radio-mixed-dark@2.png | Bin 0 -> 1156 bytes .../common-assets/assets-pink/radio-mixed.png | Bin 0 -> 396 bytes .../assets-pink/radio-mixed@2.png | Bin 0 -> 705 bytes .../gtk-3.0/common-assets/assets-purple.svg | 194 + .../assets-purple/checkbox-checked-dark.png | Bin 0 -> 529 bytes .../assets-purple/checkbox-checked-dark@2.png | Bin 0 -> 959 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 1005 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1636 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 576 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 884 bytes .../assets-purple/checkbox-checked.png | Bin 0 -> 436 bytes .../assets-purple/checkbox-checked@2.png | Bin 0 -> 670 bytes .../assets-purple/checkbox-mixed-dark.png | Bin 0 -> 404 bytes .../assets-purple/checkbox-mixed-dark@2.png | Bin 0 -> 717 bytes .../assets-purple/checkbox-mixed.png | Bin 0 -> 323 bytes .../assets-purple/checkbox-mixed@2.png | Bin 0 -> 471 bytes .../assets-purple/radio-checked-dark.png | Bin 0 -> 633 bytes .../assets-purple/radio-checked-dark@2.png | Bin 0 -> 1258 bytes .../assets-purple/radio-checked.png | Bin 0 -> 439 bytes .../assets-purple/radio-checked@2.png | Bin 0 -> 825 bytes .../assets-purple/radio-mixed-dark.png | Bin 0 -> 578 bytes .../assets-purple/radio-mixed-dark@2.png | Bin 0 -> 1143 bytes .../assets-purple/radio-mixed.png | Bin 0 -> 396 bytes .../assets-purple/radio-mixed@2.png | Bin 0 -> 706 bytes .../gtk-3.0/common-assets/assets-red.svg | 194 + .../assets-red/checkbox-checked-dark.png | Bin 0 -> 547 bytes .../assets-red/checkbox-checked-dark@2.png | Bin 0 -> 969 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 1040 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1726 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 568 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 897 bytes .../assets-red/checkbox-checked.png | Bin 0 -> 437 bytes .../assets-red/checkbox-checked@2.png | Bin 0 -> 673 bytes .../assets-red/checkbox-mixed-dark.png | Bin 0 -> 418 bytes .../assets-red/checkbox-mixed-dark@2.png | Bin 0 -> 733 bytes .../assets-red/checkbox-mixed.png | Bin 0 -> 323 bytes .../assets-red/checkbox-mixed@2.png | Bin 0 -> 482 bytes .../assets-red/radio-checked-dark.png | Bin 0 -> 619 bytes .../assets-red/radio-checked-dark@2.png | Bin 0 -> 1274 bytes .../assets-red/radio-checked.png | Bin 0 -> 436 bytes .../assets-red/radio-checked@2.png | Bin 0 -> 825 bytes .../assets-red/radio-mixed-dark.png | Bin 0 -> 578 bytes .../assets-red/radio-mixed-dark@2.png | Bin 0 -> 1151 bytes .../common-assets/assets-red/radio-mixed.png | Bin 0 -> 396 bytes .../assets-red/radio-mixed@2.png | Bin 0 -> 705 bytes .../gtk-3.0/common-assets/assets-yellow.svg | 194 + .../assets-yellow/checkbox-checked-dark.png | Bin 0 -> 538 bytes .../assets-yellow/checkbox-checked-dark@2.png | Bin 0 -> 973 bytes .../checkbox-checked-selectionmode-dark.png | Bin 0 -> 1039 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 1719 bytes .../checkbox-checked-selectionmode.png | Bin 0 -> 581 bytes .../checkbox-checked-selectionmode@2.png | Bin 0 -> 886 bytes .../assets-yellow/checkbox-checked.png | Bin 0 -> 440 bytes .../assets-yellow/checkbox-checked@2.png | Bin 0 -> 671 bytes .../assets-yellow/checkbox-mixed-dark.png | Bin 0 -> 412 bytes .../assets-yellow/checkbox-mixed-dark@2.png | Bin 0 -> 731 bytes .../assets-yellow/checkbox-mixed.png | Bin 0 -> 323 bytes .../assets-yellow/checkbox-mixed@2.png | Bin 0 -> 487 bytes .../assets-yellow/radio-checked-dark.png | Bin 0 -> 627 bytes .../assets-yellow/radio-checked-dark@2.png | Bin 0 -> 1278 bytes .../assets-yellow/radio-checked.png | Bin 0 -> 439 bytes .../assets-yellow/radio-checked@2.png | Bin 0 -> 828 bytes .../assets-yellow/radio-mixed-dark.png | Bin 0 -> 578 bytes .../assets-yellow/radio-mixed-dark@2.png | Bin 0 -> 1160 bytes .../assets-yellow/radio-mixed.png | Bin 0 -> 396 bytes .../assets-yellow/radio-mixed@2.png | Bin 0 -> 705 bytes src/assets/gtk-3.0/common-assets/assets.svg | 1 - .../gtk-3.0/common-assets/render-assets.sh | 88 +- .../gtk-3.0/common-assets/theme_assets.txt | 10 + src/assets/gtk-3.0/render-thumbnails.sh | 19 - src/assets/gtk-3.0/thumbnail.svg | 111 - .../gtk-3.0/thumbnails/render-thumbnails.sh | 21 + .../thumbnails/thumbnail-dark-blue.png | Bin 0 -> 1486 bytes .../thumbnails/thumbnail-dark-green.png | Bin 0 -> 1473 bytes .../thumbnails/thumbnail-dark-grey.png | Bin 0 -> 861 bytes .../thumbnails/thumbnail-dark-orange.png | Bin 0 -> 1478 bytes .../thumbnails/thumbnail-dark-pink.png | Bin 0 -> 1475 bytes .../thumbnails/thumbnail-dark-purple.png | Bin 0 -> 1465 bytes .../gtk-3.0/thumbnails/thumbnail-dark-red.png | Bin 0 -> 1477 bytes .../thumbnails/thumbnail-dark-yellow.png | Bin 0 -> 1486 bytes .../{ => thumbnails}/thumbnail-dark.png | Bin .../thumbnails/thumbnail-light-blue.png | Bin 0 -> 1816 bytes .../thumbnails/thumbnail-light-green.png | Bin 0 -> 1814 bytes .../thumbnails/thumbnail-light-grey.png | Bin 0 -> 1552 bytes .../thumbnails/thumbnail-light-orange.png | Bin 0 -> 1797 bytes .../thumbnails/thumbnail-light-pink.png | Bin 0 -> 1789 bytes .../thumbnails/thumbnail-light-purple.png | Bin 0 -> 1783 bytes .../thumbnails/thumbnail-light-red.png | Bin 0 -> 1795 bytes .../thumbnails/thumbnail-light-yellow.png | Bin 0 -> 1812 bytes .../{ => thumbnails}/thumbnail-light.png | Bin src/assets/gtk-3.0/thumbnails/thumbnail.svg | 825 ++ .../windows-assets/render-alt-assets.sh | 2 +- .../windows-assets/render-alt-small-assets.sh | 2 +- .../gtk-3.0/windows-assets/render-assets.sh | 2 +- .../windows-assets/render-small-assets.sh | 2 +- src/main/cinnamon/cinnamon-dark-blue.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-blue.scss | 10 + src/main/cinnamon/cinnamon-dark-green.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-green.scss | 10 + src/main/cinnamon/cinnamon-dark-grey.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-grey.scss | 10 + src/main/cinnamon/cinnamon-dark-orange.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-orange.scss | 10 + src/main/cinnamon/cinnamon-dark-pink.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-pink.scss | 10 + src/main/cinnamon/cinnamon-dark-purple.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-purple.scss | 10 + src/main/cinnamon/cinnamon-dark-red.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-red.scss | 10 + .../cinnamon/cinnamon-dark-solid-blue.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-blue.scss | 10 + .../cinnamon/cinnamon-dark-solid-green.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-green.scss | 10 + .../cinnamon/cinnamon-dark-solid-grey.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-grey.scss | 10 + .../cinnamon/cinnamon-dark-solid-orange.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-orange.scss | 10 + .../cinnamon/cinnamon-dark-solid-pink.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-pink.scss | 10 + .../cinnamon/cinnamon-dark-solid-purple.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-purple.scss | 10 + src/main/cinnamon/cinnamon-dark-solid-red.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-red.scss | 10 + .../cinnamon/cinnamon-dark-solid-yellow.css | 2304 ++++ .../cinnamon/cinnamon-dark-solid-yellow.scss | 10 + src/main/cinnamon/cinnamon-dark-solid.scss | 1 + src/main/cinnamon/cinnamon-dark-yellow.css | 2304 ++++ src/main/cinnamon/cinnamon-dark-yellow.scss | 10 + src/main/cinnamon/cinnamon-dark.scss | 1 + src/main/cinnamon/cinnamon-light-blue.css | 2288 ++++ src/main/cinnamon/cinnamon-light-blue.scss | 10 + src/main/cinnamon/cinnamon-light-green.css | 2288 ++++ src/main/cinnamon/cinnamon-light-green.scss | 10 + src/main/cinnamon/cinnamon-light-grey.css | 2288 ++++ src/main/cinnamon/cinnamon-light-grey.scss | 10 + src/main/cinnamon/cinnamon-light-orange.css | 2288 ++++ src/main/cinnamon/cinnamon-light-orange.scss | 10 + src/main/cinnamon/cinnamon-light-pink.css | 2288 ++++ src/main/cinnamon/cinnamon-light-pink.scss | 10 + src/main/cinnamon/cinnamon-light-purple.css | 2288 ++++ src/main/cinnamon/cinnamon-light-purple.scss | 10 + src/main/cinnamon/cinnamon-light-red.css | 2288 ++++ src/main/cinnamon/cinnamon-light-red.scss | 10 + .../cinnamon/cinnamon-light-solid-blue.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-blue.scss | 10 + .../cinnamon/cinnamon-light-solid-green.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-green.scss | 10 + .../cinnamon/cinnamon-light-solid-grey.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-grey.scss | 10 + .../cinnamon/cinnamon-light-solid-orange.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-orange.scss | 10 + .../cinnamon/cinnamon-light-solid-pink.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-pink.scss | 10 + .../cinnamon/cinnamon-light-solid-purple.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-purple.scss | 10 + .../cinnamon/cinnamon-light-solid-red.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-red.scss | 10 + .../cinnamon/cinnamon-light-solid-yellow.css | 2288 ++++ .../cinnamon/cinnamon-light-solid-yellow.scss | 10 + src/main/cinnamon/cinnamon-light-solid.scss | 1 + src/main/cinnamon/cinnamon-light-yellow.css | 2288 ++++ src/main/cinnamon/cinnamon-light-yellow.scss | 10 + src/main/cinnamon/cinnamon-light.scss | 1 + src/main/gnome-shell/gdm3-dark-blue.css | 2053 +++ src/main/gnome-shell/gdm3-dark-blue.scss | 29 + src/main/gnome-shell/gdm3-dark-green.css | 2053 +++ src/main/gnome-shell/gdm3-dark-green.scss | 29 + src/main/gnome-shell/gdm3-dark-grey.css | 2053 +++ src/main/gnome-shell/gdm3-dark-grey.scss | 29 + src/main/gnome-shell/gdm3-dark-orange.css | 2053 +++ src/main/gnome-shell/gdm3-dark-orange.scss | 29 + src/main/gnome-shell/gdm3-dark-pink.css | 2053 +++ src/main/gnome-shell/gdm3-dark-pink.scss | 29 + src/main/gnome-shell/gdm3-dark-purple.css | 2053 +++ src/main/gnome-shell/gdm3-dark-purple.scss | 29 + src/main/gnome-shell/gdm3-dark-red.css | 2053 +++ src/main/gnome-shell/gdm3-dark-red.scss | 29 + src/main/gnome-shell/gdm3-dark-yellow.css | 2053 +++ src/main/gnome-shell/gdm3-dark-yellow.scss | 29 + src/main/gnome-shell/gdm3-dark.scss | 1 + src/main/gnome-shell/gdm3-light-blue.css | 2053 +++ src/main/gnome-shell/gdm3-light-blue.scss | 29 + src/main/gnome-shell/gdm3-light-green.css | 2053 +++ src/main/gnome-shell/gdm3-light-green.scss | 29 + src/main/gnome-shell/gdm3-light-grey.css | 2053 +++ src/main/gnome-shell/gdm3-light-grey.scss | 29 + src/main/gnome-shell/gdm3-light-orange.css | 2053 +++ src/main/gnome-shell/gdm3-light-orange.scss | 29 + src/main/gnome-shell/gdm3-light-pink.css | 2053 +++ src/main/gnome-shell/gdm3-light-pink.scss | 29 + src/main/gnome-shell/gdm3-light-purple.css | 2053 +++ src/main/gnome-shell/gdm3-light-purple.scss | 29 + src/main/gnome-shell/gdm3-light-red.css | 2053 +++ src/main/gnome-shell/gdm3-light-red.scss | 29 + src/main/gnome-shell/gdm3-light-yellow.css | 2053 +++ src/main/gnome-shell/gdm3-light-yellow.scss | 29 + src/main/gnome-shell/gdm3-light.scss | 1 + .../gnome-shell/gnome-shell-dark-alt-blue.css | 4028 ++++++ .../gnome-shell-dark-alt-blue.scss | 11 + .../gnome-shell-dark-alt-green.css | 4028 ++++++ .../gnome-shell-dark-alt-green.scss | 11 + .../gnome-shell/gnome-shell-dark-alt-grey.css | 4028 ++++++ .../gnome-shell-dark-alt-grey.scss | 11 + .../gnome-shell-dark-alt-orange.css | 4028 ++++++ .../gnome-shell-dark-alt-orange.scss | 11 + .../gnome-shell/gnome-shell-dark-alt-pink.css | 4028 ++++++ .../gnome-shell-dark-alt-pink.scss | 11 + .../gnome-shell-dark-alt-purple.css | 4028 ++++++ .../gnome-shell-dark-alt-purple.scss | 11 + .../gnome-shell/gnome-shell-dark-alt-red.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-alt-red.scss | 11 + .../gnome-shell-dark-alt-yellow.css | 4028 ++++++ .../gnome-shell-dark-alt-yellow.scss | 11 + .../gnome-shell/gnome-shell-dark-alt.scss | 1 + .../gnome-shell/gnome-shell-dark-blue.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-blue.scss | 11 + .../gnome-shell/gnome-shell-dark-green.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-green.scss | 11 + .../gnome-shell/gnome-shell-dark-grey.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-grey.scss | 11 + .../gnome-shell/gnome-shell-dark-orange.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-orange.scss | 11 + .../gnome-shell/gnome-shell-dark-pink.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-pink.scss | 11 + .../gnome-shell/gnome-shell-dark-purple.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-purple.scss | 11 + src/main/gnome-shell/gnome-shell-dark-red.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-red.scss | 11 + .../gnome-shell-dark-solid-alt-blue.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-blue.scss | 11 + .../gnome-shell-dark-solid-alt-green.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-green.scss | 11 + .../gnome-shell-dark-solid-alt-grey.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-grey.scss | 11 + .../gnome-shell-dark-solid-alt-orange.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-orange.scss | 11 + .../gnome-shell-dark-solid-alt-pink.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-pink.scss | 11 + .../gnome-shell-dark-solid-alt-purple.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-purple.scss | 11 + .../gnome-shell-dark-solid-alt-red.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-red.scss | 11 + .../gnome-shell-dark-solid-alt-yellow.css | 4028 ++++++ .../gnome-shell-dark-solid-alt-yellow.scss | 11 + .../gnome-shell-dark-solid-alt.scss | 1 + .../gnome-shell-dark-solid-blue.css | 4028 ++++++ .../gnome-shell-dark-solid-blue.scss | 11 + .../gnome-shell-dark-solid-green.css | 4028 ++++++ .../gnome-shell-dark-solid-green.scss | 11 + .../gnome-shell-dark-solid-grey.css | 4028 ++++++ .../gnome-shell-dark-solid-grey.scss | 11 + .../gnome-shell-dark-solid-orange.css | 4028 ++++++ .../gnome-shell-dark-solid-orange.scss | 11 + .../gnome-shell-dark-solid-pink.css | 4028 ++++++ .../gnome-shell-dark-solid-pink.scss | 11 + .../gnome-shell-dark-solid-purple.css | 4028 ++++++ .../gnome-shell-dark-solid-purple.scss | 11 + .../gnome-shell-dark-solid-red.css | 4028 ++++++ .../gnome-shell-dark-solid-red.scss | 11 + .../gnome-shell-dark-solid-yellow.css | 4028 ++++++ .../gnome-shell-dark-solid-yellow.scss | 11 + .../gnome-shell/gnome-shell-dark-solid.scss | 1 + .../gnome-shell/gnome-shell-dark-yellow.css | 4028 ++++++ .../gnome-shell/gnome-shell-dark-yellow.scss | 11 + src/main/gnome-shell/gnome-shell-dark.scss | 1 + .../gnome-shell-light-alt-blue.css | 4032 ++++++ .../gnome-shell-light-alt-blue.scss | 11 + .../gnome-shell-light-alt-green.css | 4032 ++++++ .../gnome-shell-light-alt-green.scss | 11 + .../gnome-shell-light-alt-grey.css | 4032 ++++++ .../gnome-shell-light-alt-grey.scss | 11 + .../gnome-shell-light-alt-orange.css | 4032 ++++++ .../gnome-shell-light-alt-orange.scss | 11 + .../gnome-shell-light-alt-pink.css | 4032 ++++++ .../gnome-shell-light-alt-pink.scss | 11 + .../gnome-shell-light-alt-purple.css | 4032 ++++++ .../gnome-shell-light-alt-purple.scss | 11 + .../gnome-shell/gnome-shell-light-alt-red.css | 4032 ++++++ .../gnome-shell-light-alt-red.scss | 11 + .../gnome-shell-light-alt-yellow.css | 4032 ++++++ .../gnome-shell-light-alt-yellow.scss | 11 + .../gnome-shell/gnome-shell-light-alt.scss | 1 + .../gnome-shell/gnome-shell-light-blue.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-blue.scss | 11 + .../gnome-shell/gnome-shell-light-green.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-green.scss | 11 + .../gnome-shell/gnome-shell-light-grey.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-grey.scss | 11 + .../gnome-shell/gnome-shell-light-orange.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-orange.scss | 11 + .../gnome-shell/gnome-shell-light-pink.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-pink.scss | 11 + .../gnome-shell/gnome-shell-light-purple.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-purple.scss | 11 + .../gnome-shell/gnome-shell-light-red.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-red.scss | 11 + .../gnome-shell-light-solid-alt-blue.css | 4032 ++++++ .../gnome-shell-light-solid-alt-blue.scss | 11 + .../gnome-shell-light-solid-alt-green.css | 4032 ++++++ .../gnome-shell-light-solid-alt-green.scss | 11 + .../gnome-shell-light-solid-alt-grey.css | 4032 ++++++ .../gnome-shell-light-solid-alt-grey.scss | 11 + .../gnome-shell-light-solid-alt-orange.css | 4032 ++++++ .../gnome-shell-light-solid-alt-orange.scss | 11 + .../gnome-shell-light-solid-alt-pink.css | 4032 ++++++ .../gnome-shell-light-solid-alt-pink.scss | 11 + .../gnome-shell-light-solid-alt-purple.css | 4032 ++++++ .../gnome-shell-light-solid-alt-purple.scss | 11 + .../gnome-shell-light-solid-alt-red.css | 4032 ++++++ .../gnome-shell-light-solid-alt-red.scss | 11 + .../gnome-shell-light-solid-alt-yellow.css | 4032 ++++++ .../gnome-shell-light-solid-alt-yellow.scss | 11 + .../gnome-shell-light-solid-alt.scss | 1 + .../gnome-shell-light-solid-blue.css | 4032 ++++++ .../gnome-shell-light-solid-blue.scss | 11 + .../gnome-shell-light-solid-green.css | 4032 ++++++ .../gnome-shell-light-solid-green.scss | 11 + .../gnome-shell-light-solid-grey.css | 4032 ++++++ .../gnome-shell-light-solid-grey.scss | 11 + .../gnome-shell-light-solid-orange.css | 4032 ++++++ .../gnome-shell-light-solid-orange.scss | 11 + .../gnome-shell-light-solid-pink.css | 4032 ++++++ .../gnome-shell-light-solid-pink.scss | 11 + .../gnome-shell-light-solid-purple.css | 4032 ++++++ .../gnome-shell-light-solid-purple.scss | 11 + .../gnome-shell-light-solid-red.css | 4032 ++++++ .../gnome-shell-light-solid-red.scss | 11 + .../gnome-shell-light-solid-yellow.css | 4032 ++++++ .../gnome-shell-light-solid-yellow.scss | 11 + .../gnome-shell/gnome-shell-light-solid.scss | 1 + .../gnome-shell/gnome-shell-light-yellow.css | 4028 ++++++ .../gnome-shell/gnome-shell-light-yellow.scss | 11 + src/main/gnome-shell/gnome-shell-light.scss | 1 + src/main/gtk-2.0/gtkrc-dark-blue | 26 + src/main/gtk-2.0/gtkrc-dark-green | 26 + src/main/gtk-2.0/gtkrc-dark-grey | 26 + src/main/gtk-2.0/gtkrc-dark-orange | 26 + src/main/gtk-2.0/gtkrc-dark-pink | 26 + src/main/gtk-2.0/gtkrc-dark-purple | 26 + src/main/gtk-2.0/gtkrc-dark-red | 26 + src/main/gtk-2.0/gtkrc-dark-yellow | 26 + src/main/gtk-2.0/gtkrc-light-blue | 26 + src/main/gtk-2.0/gtkrc-light-green | 26 + src/main/gtk-2.0/gtkrc-light-grey | 26 + src/main/gtk-2.0/gtkrc-light-orange | 26 + src/main/gtk-2.0/gtkrc-light-pink | 26 + src/main/gtk-2.0/gtkrc-light-purple | 26 + src/main/gtk-2.0/gtkrc-light-red | 26 + src/main/gtk-2.0/gtkrc-light-yellow | 26 + src/main/gtk-3.0/gtk-dark-blue.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-blue.scss | 16 + src/main/gtk-3.0/gtk-dark-green.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-green.scss | 16 + src/main/gtk-3.0/gtk-dark-grey.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-grey.scss | 16 + src/main/gtk-3.0/gtk-dark-orange.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-orange.scss | 16 + src/main/gtk-3.0/gtk-dark-pink.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-pink.scss | 16 + src/main/gtk-3.0/gtk-dark-purple.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-purple.scss | 16 + src/main/gtk-3.0/gtk-dark-red.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-red.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-blue.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-blue.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-green.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-green.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-grey.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-grey.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-orange.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-orange.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-pink.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-pink.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-purple.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-purple.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-red.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-red.scss | 16 + src/main/gtk-3.0/gtk-dark-solid-yellow.css | 10246 +++++++++++++++ src/main/gtk-3.0/gtk-dark-solid-yellow.scss | 16 + src/main/gtk-3.0/gtk-dark-solid.scss | 1 + src/main/gtk-3.0/gtk-dark-yellow.css | 10242 +++++++++++++++ src/main/gtk-3.0/gtk-dark-yellow.scss | 16 + src/main/gtk-3.0/gtk-dark.scss | 1 + src/main/gtk-3.0/gtk-light-blue.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-blue.scss | 16 + src/main/gtk-3.0/gtk-light-green.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-green.scss | 16 + src/main/gtk-3.0/gtk-light-grey.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-grey.scss | 16 + src/main/gtk-3.0/gtk-light-orange.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-orange.scss | 16 + src/main/gtk-3.0/gtk-light-pink.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-pink.scss | 16 + src/main/gtk-3.0/gtk-light-purple.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-purple.scss | 16 + src/main/gtk-3.0/gtk-light-red.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-red.scss | 16 + src/main/gtk-3.0/gtk-light-solid-blue.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-blue.scss | 16 + src/main/gtk-3.0/gtk-light-solid-green.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-green.scss | 16 + src/main/gtk-3.0/gtk-light-solid-grey.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-grey.scss | 16 + src/main/gtk-3.0/gtk-light-solid-orange.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-orange.scss | 16 + src/main/gtk-3.0/gtk-light-solid-pink.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-pink.scss | 16 + src/main/gtk-3.0/gtk-light-solid-purple.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-purple.scss | 16 + src/main/gtk-3.0/gtk-light-solid-red.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-red.scss | 16 + src/main/gtk-3.0/gtk-light-solid-yellow.css | 10283 ++++++++++++++++ src/main/gtk-3.0/gtk-light-solid-yellow.scss | 16 + src/main/gtk-3.0/gtk-light-solid.scss | 1 + src/main/gtk-3.0/gtk-light-yellow.css | 10279 +++++++++++++++ src/main/gtk-3.0/gtk-light-yellow.scss | 16 + src/main/gtk-3.0/gtk-light.scss | 1 + src/other/dash-to-dock/stylesheet-dark.scss | 1 + src/other/dash-to-dock/stylesheet.scss | 1 + src/sass/_colors.scss | 33 + 995 files changed, 707686 insertions(+), 2605 deletions(-) create mode 100644 src/assets/cinnamon/common-assets-blue/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-blue/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-blue/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-blue/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-blue/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-blue/toggle-on.svg create mode 100644 src/assets/cinnamon/common-assets-green/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-green/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-green/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-green/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-green/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-green/toggle-on.svg create mode 100644 src/assets/cinnamon/common-assets-grey/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-grey/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-grey/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-grey/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-grey/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-grey/toggle-on.svg create mode 100644 src/assets/cinnamon/common-assets-orange/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-orange/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-orange/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-orange/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-orange/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-orange/toggle-on.svg create mode 100644 src/assets/cinnamon/common-assets-pink/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-pink/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-pink/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-pink/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-pink/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-pink/toggle-on.svg create mode 100644 src/assets/cinnamon/common-assets-purple/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-purple/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-purple/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-purple/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-purple/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-purple/toggle-on.svg create mode 100644 src/assets/cinnamon/common-assets-red/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-red/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-red/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-red/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-red/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-red/toggle-on.svg create mode 100644 src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg create mode 100644 src/assets/cinnamon/common-assets-yellow/checkbox.svg create mode 100644 src/assets/cinnamon/common-assets-yellow/corner-ripple.svg create mode 100644 src/assets/cinnamon/common-assets-yellow/menu-hover.svg create mode 100644 src/assets/cinnamon/common-assets-yellow/radiobutton.svg create mode 100644 src/assets/cinnamon/common-assets-yellow/toggle-on.svg delete mode 100755 src/assets/cinnamon/render-thumbnails.sh delete mode 100644 src/assets/cinnamon/thumbnail.svg create mode 100755 src/assets/cinnamon/thumbnails/render-thumbnails.sh create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-green.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-grey.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-orange.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-pink.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-red.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-dark-yellow.png rename src/assets/cinnamon/{ => thumbnails}/thumbnail-dark.png (100%) create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-blue.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-green.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-grey.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-orange.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-pink.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-purple.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-red.png create mode 100644 src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png rename src/assets/cinnamon/{ => thumbnails}/thumbnail-light.png (100%) create mode 100644 src/assets/cinnamon/thumbnails/thumbnail.svg create mode 100644 src/assets/gnome-shell/common-assets-blue/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-blue/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-blue/toggle-on.svg create mode 100644 src/assets/gnome-shell/common-assets-green/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-green/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-green/toggle-on.svg create mode 100644 src/assets/gnome-shell/common-assets-grey/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-grey/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-grey/toggle-on.svg create mode 100644 src/assets/gnome-shell/common-assets-orange/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-orange/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-orange/toggle-on.svg create mode 100644 src/assets/gnome-shell/common-assets-pink/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-pink/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-pink/toggle-on.svg create mode 100644 src/assets/gnome-shell/common-assets-purple/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-purple/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-purple/toggle-on.svg create mode 100644 src/assets/gnome-shell/common-assets-red/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-red/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-red/toggle-on.svg create mode 100644 src/assets/gnome-shell/common-assets-yellow/checkbox.svg create mode 100644 src/assets/gnome-shell/common-assets-yellow/more-results.svg create mode 100644 src/assets/gnome-shell/common-assets-yellow/toggle-on.svg create mode 100644 src/assets/gtk-2.0/assets-dark-blue.svg create mode 100644 src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-blue/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-green.svg create mode 100644 src/assets/gtk-2.0/assets-dark-green/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey.svg create mode 100644 src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange.svg create mode 100644 src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink.svg create mode 100644 src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple.svg create mode 100644 src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-red.svg create mode 100644 src/assets/gtk-2.0/assets-dark-red/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow.svg create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-dark-yellow/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-blue.svg create mode 100644 src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-blue/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-green.svg create mode 100644 src/assets/gtk-2.0/assets-light-green/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-green/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-green/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-green/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-green/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-green/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-green/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-green/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-green/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-green/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-green/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-green/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-green/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-green/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-grey.svg create mode 100644 src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-orange.svg create mode 100644 src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-pink.svg create mode 100644 src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-purple.svg create mode 100644 src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-red.svg create mode 100644 src/assets/gtk-2.0/assets-light-red/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-red/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-red/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-red/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-red/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-red/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-red/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow.svg create mode 100644 src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/entry-active-toolbar.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/entry-border-active-bg.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/progressbar.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/radio-checked.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png create mode 100644 src/assets/gtk-2.0/assets-light-yellow/trough-vertical-active.png create mode 100644 src/assets/gtk-2.0/theme_assets.txt create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-red/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow.svg create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png create mode 100644 src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed@2.png create mode 100644 src/assets/gtk-3.0/common-assets/theme_assets.txt delete mode 100755 src/assets/gtk-3.0/render-thumbnails.sh delete mode 100644 src/assets/gtk-3.0/thumbnail.svg create mode 100755 src/assets/gtk-3.0/thumbnails/render-thumbnails.sh create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-green.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-grey.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png rename src/assets/gtk-3.0/{ => thumbnails}/thumbnail-dark.png (100%) create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-blue.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-pink.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-purple.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail-light-yellow.png rename src/assets/gtk-3.0/{ => thumbnails}/thumbnail-light.png (100%) create mode 100644 src/assets/gtk-3.0/thumbnails/thumbnail.svg create mode 100644 src/main/cinnamon/cinnamon-dark-blue.css create mode 100644 src/main/cinnamon/cinnamon-dark-blue.scss create mode 100644 src/main/cinnamon/cinnamon-dark-green.css create mode 100644 src/main/cinnamon/cinnamon-dark-green.scss create mode 100644 src/main/cinnamon/cinnamon-dark-grey.css create mode 100644 src/main/cinnamon/cinnamon-dark-grey.scss create mode 100644 src/main/cinnamon/cinnamon-dark-orange.css create mode 100644 src/main/cinnamon/cinnamon-dark-orange.scss create mode 100644 src/main/cinnamon/cinnamon-dark-pink.css create mode 100644 src/main/cinnamon/cinnamon-dark-pink.scss create mode 100644 src/main/cinnamon/cinnamon-dark-purple.css create mode 100644 src/main/cinnamon/cinnamon-dark-purple.scss create mode 100644 src/main/cinnamon/cinnamon-dark-red.css create mode 100644 src/main/cinnamon/cinnamon-dark-red.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-blue.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-blue.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-green.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-green.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-grey.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-grey.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-orange.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-orange.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-pink.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-pink.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-purple.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-purple.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-red.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-red.scss create mode 100644 src/main/cinnamon/cinnamon-dark-solid-yellow.css create mode 100644 src/main/cinnamon/cinnamon-dark-solid-yellow.scss create mode 100644 src/main/cinnamon/cinnamon-dark-yellow.css create mode 100644 src/main/cinnamon/cinnamon-dark-yellow.scss create mode 100644 src/main/cinnamon/cinnamon-light-blue.css create mode 100644 src/main/cinnamon/cinnamon-light-blue.scss create mode 100644 src/main/cinnamon/cinnamon-light-green.css create mode 100644 src/main/cinnamon/cinnamon-light-green.scss create mode 100644 src/main/cinnamon/cinnamon-light-grey.css create mode 100644 src/main/cinnamon/cinnamon-light-grey.scss create mode 100644 src/main/cinnamon/cinnamon-light-orange.css create mode 100644 src/main/cinnamon/cinnamon-light-orange.scss create mode 100644 src/main/cinnamon/cinnamon-light-pink.css create mode 100644 src/main/cinnamon/cinnamon-light-pink.scss create mode 100644 src/main/cinnamon/cinnamon-light-purple.css create mode 100644 src/main/cinnamon/cinnamon-light-purple.scss create mode 100644 src/main/cinnamon/cinnamon-light-red.css create mode 100644 src/main/cinnamon/cinnamon-light-red.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-blue.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-blue.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-green.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-green.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-grey.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-grey.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-orange.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-orange.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-pink.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-pink.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-purple.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-purple.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-red.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-red.scss create mode 100644 src/main/cinnamon/cinnamon-light-solid-yellow.css create mode 100644 src/main/cinnamon/cinnamon-light-solid-yellow.scss create mode 100644 src/main/cinnamon/cinnamon-light-yellow.css create mode 100644 src/main/cinnamon/cinnamon-light-yellow.scss create mode 100644 src/main/gnome-shell/gdm3-dark-blue.css create mode 100644 src/main/gnome-shell/gdm3-dark-blue.scss create mode 100644 src/main/gnome-shell/gdm3-dark-green.css create mode 100644 src/main/gnome-shell/gdm3-dark-green.scss create mode 100644 src/main/gnome-shell/gdm3-dark-grey.css create mode 100644 src/main/gnome-shell/gdm3-dark-grey.scss create mode 100644 src/main/gnome-shell/gdm3-dark-orange.css create mode 100644 src/main/gnome-shell/gdm3-dark-orange.scss create mode 100644 src/main/gnome-shell/gdm3-dark-pink.css create mode 100644 src/main/gnome-shell/gdm3-dark-pink.scss create mode 100644 src/main/gnome-shell/gdm3-dark-purple.css create mode 100644 src/main/gnome-shell/gdm3-dark-purple.scss create mode 100644 src/main/gnome-shell/gdm3-dark-red.css create mode 100644 src/main/gnome-shell/gdm3-dark-red.scss create mode 100644 src/main/gnome-shell/gdm3-dark-yellow.css create mode 100644 src/main/gnome-shell/gdm3-dark-yellow.scss create mode 100644 src/main/gnome-shell/gdm3-light-blue.css create mode 100644 src/main/gnome-shell/gdm3-light-blue.scss create mode 100644 src/main/gnome-shell/gdm3-light-green.css create mode 100644 src/main/gnome-shell/gdm3-light-green.scss create mode 100644 src/main/gnome-shell/gdm3-light-grey.css create mode 100644 src/main/gnome-shell/gdm3-light-grey.scss create mode 100644 src/main/gnome-shell/gdm3-light-orange.css create mode 100644 src/main/gnome-shell/gdm3-light-orange.scss create mode 100644 src/main/gnome-shell/gdm3-light-pink.css create mode 100644 src/main/gnome-shell/gdm3-light-pink.scss create mode 100644 src/main/gnome-shell/gdm3-light-purple.css create mode 100644 src/main/gnome-shell/gdm3-light-purple.scss create mode 100644 src/main/gnome-shell/gdm3-light-red.css create mode 100644 src/main/gnome-shell/gdm3-light-red.scss create mode 100644 src/main/gnome-shell/gdm3-light-yellow.css create mode 100644 src/main/gnome-shell/gdm3-light-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-green.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-red.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-green.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-red.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-green.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-red.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-dark-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-dark-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-green.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-red.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-light-alt-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-light-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-green.css create mode 100644 src/main/gnome-shell/gnome-shell-light-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-light-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-light-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-light-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-light-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-red.css create mode 100644 src/main/gnome-shell/gnome-shell-light-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-green.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-red.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-blue.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-blue.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-green.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-green.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-grey.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-grey.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-orange.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-orange.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-pink.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-pink.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-purple.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-purple.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-red.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-red.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-light-solid-yellow.scss create mode 100644 src/main/gnome-shell/gnome-shell-light-yellow.css create mode 100644 src/main/gnome-shell/gnome-shell-light-yellow.scss create mode 100644 src/main/gtk-2.0/gtkrc-dark-blue create mode 100644 src/main/gtk-2.0/gtkrc-dark-green create mode 100644 src/main/gtk-2.0/gtkrc-dark-grey create mode 100644 src/main/gtk-2.0/gtkrc-dark-orange create mode 100644 src/main/gtk-2.0/gtkrc-dark-pink create mode 100644 src/main/gtk-2.0/gtkrc-dark-purple create mode 100644 src/main/gtk-2.0/gtkrc-dark-red create mode 100644 src/main/gtk-2.0/gtkrc-dark-yellow create mode 100644 src/main/gtk-2.0/gtkrc-light-blue create mode 100644 src/main/gtk-2.0/gtkrc-light-green create mode 100644 src/main/gtk-2.0/gtkrc-light-grey create mode 100644 src/main/gtk-2.0/gtkrc-light-orange create mode 100644 src/main/gtk-2.0/gtkrc-light-pink create mode 100644 src/main/gtk-2.0/gtkrc-light-purple create mode 100644 src/main/gtk-2.0/gtkrc-light-red create mode 100644 src/main/gtk-2.0/gtkrc-light-yellow create mode 100644 src/main/gtk-3.0/gtk-dark-blue.css create mode 100644 src/main/gtk-3.0/gtk-dark-blue.scss create mode 100644 src/main/gtk-3.0/gtk-dark-green.css create mode 100644 src/main/gtk-3.0/gtk-dark-green.scss create mode 100644 src/main/gtk-3.0/gtk-dark-grey.css create mode 100644 src/main/gtk-3.0/gtk-dark-grey.scss create mode 100644 src/main/gtk-3.0/gtk-dark-orange.css create mode 100644 src/main/gtk-3.0/gtk-dark-orange.scss create mode 100644 src/main/gtk-3.0/gtk-dark-pink.css create mode 100644 src/main/gtk-3.0/gtk-dark-pink.scss create mode 100644 src/main/gtk-3.0/gtk-dark-purple.css create mode 100644 src/main/gtk-3.0/gtk-dark-purple.scss create mode 100644 src/main/gtk-3.0/gtk-dark-red.css create mode 100644 src/main/gtk-3.0/gtk-dark-red.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-blue.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-blue.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-green.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-green.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-grey.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-grey.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-orange.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-orange.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-pink.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-pink.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-purple.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-purple.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-red.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-red.scss create mode 100644 src/main/gtk-3.0/gtk-dark-solid-yellow.css create mode 100644 src/main/gtk-3.0/gtk-dark-solid-yellow.scss create mode 100644 src/main/gtk-3.0/gtk-dark-yellow.css create mode 100644 src/main/gtk-3.0/gtk-dark-yellow.scss create mode 100644 src/main/gtk-3.0/gtk-light-blue.css create mode 100644 src/main/gtk-3.0/gtk-light-blue.scss create mode 100644 src/main/gtk-3.0/gtk-light-green.css create mode 100644 src/main/gtk-3.0/gtk-light-green.scss create mode 100644 src/main/gtk-3.0/gtk-light-grey.css create mode 100644 src/main/gtk-3.0/gtk-light-grey.scss create mode 100644 src/main/gtk-3.0/gtk-light-orange.css create mode 100644 src/main/gtk-3.0/gtk-light-orange.scss create mode 100644 src/main/gtk-3.0/gtk-light-pink.css create mode 100644 src/main/gtk-3.0/gtk-light-pink.scss create mode 100644 src/main/gtk-3.0/gtk-light-purple.css create mode 100644 src/main/gtk-3.0/gtk-light-purple.scss create mode 100644 src/main/gtk-3.0/gtk-light-red.css create mode 100644 src/main/gtk-3.0/gtk-light-red.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-blue.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-blue.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-green.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-green.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-grey.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-grey.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-orange.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-orange.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-pink.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-pink.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-purple.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-purple.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-red.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-red.scss create mode 100644 src/main/gtk-3.0/gtk-light-solid-yellow.css create mode 100644 src/main/gtk-3.0/gtk-light-solid-yellow.scss create mode 100644 src/main/gtk-3.0/gtk-light-yellow.css create mode 100644 src/main/gtk-3.0/gtk-light-yellow.scss diff --git a/README.md b/README.md index 5632f2e5..55c4d174 100644 --- a/README.md +++ b/README.md @@ -46,7 +46,7 @@ Usage: `./install.sh` **[OPTIONS...]** |-c, --color | Specify theme color variant(s) **[light/dark]** (Default: All variants)| |-o, --opacity | Specify theme opacity variant(s) **[standard/solid]** (Default: All variants)| |-a, --alt | Specify titlebutton variant(s) **[standard/alt]** (Default: All variants)| -|-t, --theme | Change the theme color **[default/blue/purple/pink/red/orange/yellow/green/grey]** (Default: MacOS blue)| +|-t, --theme | Specify primary theme color variant(s) **[default/blue/purple/pink/red/orange/yellow/green/grey]** (Default: MacOS blue)| |-p, --panel | Change the panel opacty **[default/25/35/45/55/65/75/85]** (Default: 16)| |-s, --size | Change the nautilus sidebar width size **[default/220/240/260/280]** (Default: 200px)| |-i, --icon | Activities icon variant(s) **[standard/normal/gnome/ubuntu/arch/manjaro/fedora/debian/void]** (Default: standard variant)| @@ -55,9 +55,9 @@ Usage: `./install.sh` **[OPTIONS...]** |-dialog, --dialog | Run terminal dialog, this will Run terminal dialog to install themes!| |-h, --help | Show this help| -###

1. Change theme accent color

-If you want to change theme accent! (Default color is default MacOS color) -then you can run: +###

1. Change primary theme color

+If you want to change primary theme color! (Default color is default MacOS blue) +then you can run: 'for example' ```bash ./install.sh -t green # Install green accent color version ``` @@ -65,7 +65,7 @@ then you can run: ###

2. Install GDM theme

If you want to install GDM theme! -then you can run: +then you can run: 'for example' ```bash sudo ./install.sh -g # install default dark version @@ -78,7 +78,7 @@ sudo ./install.sh -g -r # remove installed GDM theme ###

3. Change nautilus sidebar width size

If you want to change nautilus sidebar width size! (Default size is 200px) (Nautilus cannot change the structure of the sidebar, so I added a picture as a background to achieve the effect of bigsur) -then you can run: +then you can run: 'for example' ```bash ./install.sh -s 260 # Install 260px width version ``` @@ -86,7 +86,7 @@ then you can run: ###

4. Change gnome-shell activities icon

If you want to change gnome-shell activities icon! (Default icon is Apple) -then you can run: (For example: Install Manjaro icon) +then you can run: 'for example: Install Manjaro icon' ```bash ./install.sh -i manjaro ``` diff --git a/install.sh b/install.sh index a6cbac5d..643a2f37 100755 --- a/install.sh +++ b/install.sh @@ -20,8 +20,8 @@ THEME_NAME=WhiteSur COLOR_VARIANTS=('-light' '-dark') OPACITY_VARIANTS=('' '-solid') ALT_VARIANTS=('' '-alt') +THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') ICON_VARIANTS=('' '-normal' '-gnome' '-ubuntu' '-arch' '-manjaro' '-fedora' '-debian' '-void') -THEME_COLOR_VARIANTS=('default' 'blue' 'purple' 'pink' 'red' 'orange' 'yellow' 'green' 'grey') SIDEBAR_SIZE_VARIANTS=('default' '220' '240' '260' '280') PANEL_OPACITY_VARIANTS=('default' '25' '35' '45' '55' '65' '75' '85') @@ -75,7 +75,7 @@ usage() { printf " %-25s%s\n" "-o, --opacity VARIANTS" "Specify theme opacity variant(s) [standard|solid] (Default: All variants)" printf " %-25s%s\n" "-c, --color VARIANTS" "Specify theme color variant(s) [light|dark] (Default: All variants)" printf " %-25s%s\n" "-a, --alt VARIANTS" "Specify theme titlebutton variant(s) [standard|alt] (Default: All variants)" - printf " %-25s%s\n" "-t, --theme VARIANTS" "Change the theme color [blue|purple|pink|red|orange|yellow|green|grey] (Default: MacOS blue)" + printf " %-25s%s\n" "-t, --theme VARIANTS" "Specify primary theme color [blue|purple|pink|red|orange|yellow|green|grey] (Default: MacOS blue)" printf " %-25s%s\n" "-p, --panel VARIANTS" "Change the panel transparency [25|35|45|55|65|75|85] (Default: 85%)" printf " %-25s%s\n" "-s, --size VARIANTS" "Change the nautilus sidebar width size [220|240|260|280] (Default: 200)" printf " %-25s%s\n" "-i, --icon VARIANTS" "Change gnome-shell activities icon [standard|normal|gnome|ubuntu|arch|manjaro|fedora|debian|void] (Default: standard)" @@ -88,41 +88,45 @@ install() { local color=${3} local opacity=${4} local alt=${5} - local icon=${6} - local panel_opacity=${7} - local sidebar_size=${8} - local theme_color=${9} + local theme=${6} + local icon=${7} + local panel_opacity=${8} + local sidebar_size=${9} [[ ${color} == '-light' ]] && local ELSE_LIGHT=${color} [[ ${color} == '-dark' ]] && local ELSE_DARK=${color} - local THEME_DIR=${1}/${2}${3}${4}${5} + local THEME_DIR=${1}/${2}${3}${4}${5}${6} [[ -d ${THEME_DIR} ]] && rm -rf ${THEME_DIR} prompt -i "Installing '${THEME_DIR}'..." mkdir -p ${THEME_DIR} - cp -r ${REPO_DIR}/COPYING ${THEME_DIR} echo "[Desktop Entry]" >> ${THEME_DIR}/index.theme echo "Type=X-GNOME-Metatheme" >> ${THEME_DIR}/index.theme - echo "Name=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme - echo "Comment=A Stylish Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme + echo "Name=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme + echo "Comment=A MacOS BigSur like Gtk+ theme based on Elegant Design" >> ${THEME_DIR}/index.theme echo "Encoding=UTF-8" >> ${THEME_DIR}/index.theme echo "" >> ${THEME_DIR}/index.theme echo "[X-GNOME-Metatheme]" >> ${THEME_DIR}/index.theme - echo "GtkTheme=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme - echo "MetacityTheme=${name}${color}${opacity}" >> ${THEME_DIR}/index.theme - echo "IconTheme=McMojave-circle" >> ${THEME_DIR}/index.theme - echo "CursorTheme=McMojave-circle" >> ${THEME_DIR}/index.theme + echo "GtkTheme=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme + echo "MetacityTheme=${2}${3}${4}${5}${6}" >> ${THEME_DIR}/index.theme + echo "IconTheme=${2}${3}" >> ${THEME_DIR}/index.theme + echo "CursorTheme=${2}${3}" >> ${THEME_DIR}/index.theme echo "ButtonLayout=close,minimize,maximize:menu" >> ${THEME_DIR}/index.theme mkdir -p ${THEME_DIR}/gnome-shell cp -r ${SRC_DIR}/assets/gnome-shell/icons ${THEME_DIR}/gnome-shell cp -r ${SRC_DIR}/main/gnome-shell/pad-osd.css ${THEME_DIR}/gnome-shell - cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}${alt}.css ${THEME_DIR}/gnome-shell/gnome-shell.css + cp -r ${SRC_DIR}/main/gnome-shell/gnome-shell${color}${opacity}${alt}${theme}.css ${THEME_DIR}/gnome-shell/gnome-shell.css cp -r ${SRC_DIR}/assets/gnome-shell/common-assets ${THEME_DIR}/gnome-shell/assets + + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/gnome-shell/common-assets${theme}/*.svg ${THEME_DIR}/gnome-shell/assets + fi + cp -r ${SRC_DIR}/assets/gnome-shell/assets${color}/*.svg ${THEME_DIR}/gnome-shell/assets cp -r ${SRC_DIR}/assets/gnome-shell/activities/activities${icon}.svg ${THEME_DIR}/gnome-shell/assets/activities.svg @@ -137,22 +141,31 @@ install() { fi mkdir -p ${THEME_DIR}/gtk-2.0 - cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color} ${THEME_DIR}/gtk-2.0/gtkrc + cp -r ${SRC_DIR}/main/gtk-2.0/gtkrc${color}${theme} ${THEME_DIR}/gtk-2.0/gtkrc cp -r ${SRC_DIR}/main/gtk-2.0/menubar-toolbar${color}.rc ${THEME_DIR}/gtk-2.0/menubar-toolbar.rc cp -r ${SRC_DIR}/main/gtk-2.0/common/*.rc ${THEME_DIR}/gtk-2.0 cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color} ${THEME_DIR}/gtk-2.0/assets + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/gtk-2.0/assets${color}${theme}/*.png ${THEME_DIR}/gtk-2.0/assets + fi + mkdir -p ${THEME_DIR}/gtk-3.0 cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets ${THEME_DIR}/gtk-3.0 + + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/assets${theme}/*.png ${THEME_DIR}/gtk-3.0/assets + fi + cp -r ${SRC_DIR}/assets/gtk-3.0/common-assets/sidebar-assets/*.png ${THEME_DIR}/gtk-3.0/assets cp -r ${SRC_DIR}/assets/gtk-3.0/windows-assets/titlebutton${alt} ${THEME_DIR}/gtk-3.0/windows-assets - cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnail${color}.png ${THEME_DIR}/gtk-3.0/thumbnail.png - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css + cp -r ${SRC_DIR}/assets/gtk-3.0/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/gtk-3.0/thumbnail.png + cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk-dark.css if [[ ${color} == '-light' ]]; then - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css + cp -r ${SRC_DIR}/main/gtk-3.0/gtk-light${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css else - cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}.css ${THEME_DIR}/gtk-3.0/gtk.css + cp -r ${SRC_DIR}/main/gtk-3.0/gtk-dark${opacity}${theme}.css ${THEME_DIR}/gtk-3.0/gtk.css fi glib-compile-resources --sourcedir=${THEME_DIR}/gtk-3.0 --target=${THEME_DIR}/gtk-3.0/gtk.gresource ${SRC_DIR}/main/gtk-3.0/gtk.gresource.xml @@ -172,10 +185,15 @@ install() { cp -r ${SRC_DIR}/main/xfwm4/themerc${color} ${THEME_DIR}/xfwm4/themerc mkdir -p ${THEME_DIR}/cinnamon - cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}.css ${THEME_DIR}/cinnamon/cinnamon.css + cp -r ${SRC_DIR}/main/cinnamon/cinnamon${color}${opacity}${theme}.css ${THEME_DIR}/cinnamon/cinnamon.css cp -r ${SRC_DIR}/assets/cinnamon/common-assets ${THEME_DIR}/cinnamon/assets + + if [[ ${theme} != '-default' ]]; then + cp -r ${SRC_DIR}/assets/cinnamon/common-assets${theme}/*.svg ${THEME_DIR}/cinnamon/assets + fi + cp -r ${SRC_DIR}/assets/cinnamon/assets${color}/*.svg ${THEME_DIR}/cinnamon/assets - cp -r ${SRC_DIR}/assets/cinnamon/thumbnail${color}.png ${THEME_DIR}/cinnamon/thumbnail.png + cp -r ${SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${color}${theme}.png ${THEME_DIR}/cinnamon/thumbnail.png mkdir -p ${THEME_DIR}/plank cp -r ${SRC_DIR}/other/plank/theme${color}/*.theme ${THEME_DIR}/plank @@ -185,11 +203,11 @@ install_theme() { for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do - for icon in "${icons[@]-${ICON_VARIANTS[0]}}"; do - for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do - for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - for theme_color in "${theme_colors[@]-${THEME_COLOR_VARIANTS[0]}}"; do - install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${alt}" "${icon}" "${panel_opacity}" "${sidebar_size}" "${theme_color}" + for theme in "${themes[@]-${THEME_VARIANTS[0]}}"; do + for icon in "${icons[@]-${ICON_VARIANTS[0]}}"; do + for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do + for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do + install "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${alt}" "${theme}" "${icon}" "${panel_opacity}" "${sidebar_size}" done done done @@ -199,16 +217,14 @@ install_theme() { done if [[ -x /usr/bin/notify-send ]]; then - notify-send "Finished" "Enjoy your ${THEME_NAME} "${theme_color}" theme!" -i face-smile + notify-send "Finished" "Enjoy your ${THEME_NAME} "${theme}" theme!" -i face-smile fi } install_customize_theme() { for panel_opacity in "${panel_opacities[@]-${PANEL_OPACITY_VARIANTS[0]}}"; do for sidebar_size in "${sidebar_sizes[@]-${SIDEBAR_SIZE_VARIANTS[0]}}"; do - for theme_color in "${theme_colors[@]-${THEME_COLOR_VARIANTS[0]}}"; do - customize_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}" - done + customize_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}" done done } @@ -217,7 +233,9 @@ remove_theme() { for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do - [[ -d "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}" ]] && rm -rf "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}" + for theme in "${themes[@]-${THEME_VARIANTS[0]}}"; do + [[ -d "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" ]] && rm -rf "${DEST_DIR}/${THEME_NAME}${color}${opacity}${alt}${theme}" + done done done done @@ -233,11 +251,6 @@ customize_theme() { if [[ "${size:-}" == 'true' && "${sidebar_size:-}" != 'default' ]]; then change_size fi - - # Change accent color - if [[ "${theme:-}" == 'true' && "${theme_color:-}" != 'default' ]]; then - change_theme_color - fi } # Backup and install files related to GDM theme @@ -249,9 +262,6 @@ ETC_NEW_THEME_FILE="/etc/alternatives/gdm3-theme.gresource" UBUNTU_THEME_FILE="/usr/share/gnome-shell/theme/ubuntu.css" UBUNTU_NEW_THEME_FILE="/usr/share/gnome-shell/theme/gnome-shell.css" UBUNTU_YARU_THEME_FILE="/usr/share/gnome-shell/theme/Yaru/gnome-shell-theme.gresource" -UBUNTU_JSON_FILE="/usr/share/gnome-shell/modes/ubuntu.json" -YURA_JSON_FILE="/usr/share/gnome-shell/modes/yaru.json" -UBUNTU_MODES_FOLDER="/usr/share/gnome-shell/modes" install_gdm() { local GDM_THEME_DIR="${1}/${2}${3}" @@ -319,9 +329,6 @@ install_gdm() { "$SRC_DIR"/main/gnome-shell/gnome-shell-yaru-theme.gresource.xml rm -rf "$YARU_GDM_THEME_DIR" - # [[ -d "$UBUNTU_MODES_FOLDER" ]] && cp -an "$UBUNTU_MODES_FOLDER" "$UBUNTU_MODES_FOLDER"-bak - # [[ -f "$UBUNTU_JSON_FILE" ]] && sed -i "s|Yaru/gnome-shell.css|gnome-shell.css|" "$UBUNTU_JSON_FILE" - # [[ -f "$YURA_JSON_FILE" ]] && sed -i "s|Yaru/gnome-shell.css|gnome-shell.css|" "$YURA_JSON_FILE" fi } @@ -382,30 +389,6 @@ install_dialog() { customize_theme_dialogs() { if [[ -x /usr/bin/dialog ]]; then - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ - --radiolist "Choose your theme color (default is Mac Blue):" 20 50 10 \ - 0 "default" on \ - 1 "Blue" off \ - 2 "Purple" off \ - 3 "Pink" off \ - 4 "Red" off \ - 5 "Orange" off \ - 6 "Yellow" off \ - 7 "Green" off \ - 8 "Grey" off --output-fd 1 ) - case "$tui" in - 0) theme_color="default" ;; - 1) theme_color="blue" ;; - 2) theme_color="purple" ;; - 3) theme_color="pink" ;; - 4) theme_color="red" ;; - 5) theme_color="orange" ;; - 6) theme_color="yellow" ;; - 7) theme_color="green" ;; - 8) theme_color="grey" ;; - *) operation_canceled ;; - esac - tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \ --radiolist "Choose your panel background opacity (default is 0.16, value more smaller panel more transparency!):" 20 50 10 \ @@ -448,7 +431,7 @@ customize_theme_dialogs() { } run_customize_theme_dialogs() { - install_dialog && customize_theme_dialogs && change_theme_color && change_transparency && change_size && parse_sass + install_dialog && customize_theme_dialogs && change_transparency && change_size && parse_sass } parse_sass() { @@ -471,160 +454,17 @@ change_transparency() { fi } -change_theme_color() { - if [[ -x /usr/bin/notify-send ]]; then - notify-send "Notice" "It will take a few minutes to regenerate the assets files, please be patient!" -i face-wink - fi - - cd ${SRC_DIR}/sass - sed -i.bak "/\$selected_bg_color/s/theme_color_default/theme_color_${theme_color}/" _colors.scss - - if [[ ${theme_color} == 'blue' ]]; then - local accent="#2E7CF7" - elif [[ ${theme_color} == 'purple' ]]; then - local accent="#9A57A3" - elif [[ ${theme_color} == 'pink' ]]; then - local accent="#E55E9C" - elif [[ ${theme_color} == 'red' ]]; then - local accent="#ED5F5D" - elif [[ ${theme_color} == 'orange' ]]; then - local accent="#E9873A" - elif [[ ${theme_color} == 'yellow' ]]; then - local accent="#F3BA4B" - elif [[ ${theme_color} == 'green' ]]; then - local accent="#79B757" - elif [[ ${theme_color} == 'grey' ]]; then - local accent="#8C8C8C" - elif [[ ${theme_color} == 'default' ]]; then - local accent="#0860F2" - else - prompt -i "\n Run ./install.sh -h for help or install dialog" - prompt -i "\n Run ./install.sh again!" - exit 0 - fi - - if [[ "${theme_color:-}" != 'default' ]]; then - cd ${SRC_DIR}/assets/gtk-3.0 - mv -f thumbnail-dark.png thumbnail-dark.png.bak - mv -f thumbnail-light.png thumbnail-light.png.bak - sed -i.bak "s/#0860f2/${accent}/g" thumbnail.svg - ./render-thumbnails.sh - - cd ${SRC_DIR}/assets/gtk-3.0/common-assets - cp -an assets assets-bak - sed -i.bak "s/#0860f2/${accent}/g" assets.svg - ./render-assets.sh - - cd ${SRC_DIR}/assets/gnome-shell/common-assets - sed -i.bak "s/#0860f2/${accent}/g" {checkbox.svg,more-results.svg,toggle-on.svg} - - cd ${SRC_DIR}/main/gtk-2.0 - sed -i.bak "s/#0860f2/${accent}/g" {gtkrc-dark,gtkrc-light} - - cd ${SRC_DIR}/assets/gtk-2.0 - cp -an assets-dark assets-dark-bak - cp -an assets-light assets-light-bak - sed -i.bak "s/#0860f2/${accent}/g" {assets-dark.svg,assets-light.svg} - ./render-assets.sh - - cd ${SRC_DIR}/assets/cinnamon - mv -f thumbnail-dark.png thumbnail-dark.png.bak - mv -f thumbnail-light.png thumbnail-light.png.bak - sed -i.bak "s/#0860f2/${accent}/g" thumbnail.svg - ./render-thumbnails.sh - - cd ${SRC_DIR}/assets/cinnamon/common-assets - sed -i.bak "s/#0860f2/${accent}/g" {checkbox.svg,radiobutton.svg,menu-hover.svg,add-workspace-active.svg,corner-ripple.svg,toggle-on.svg} - - prompt -w "Change theme color ..." - fi -} - -restore_assets_files() { - echo " restore gtk-3.0 thumbnail files" - mv -f "$SRC_DIR/assets/gtk-3.0/thumbnail.svg.bak" "$SRC_DIR/assets/gtk-3.0/thumbnail.svg" - mv -f "$SRC_DIR/assets/gtk-3.0/thumbnail-dark.png.bak" "$SRC_DIR/assets/gtk-3.0/thumbnail-dark.png" - mv -f "$SRC_DIR/assets/gtk-3.0/thumbnail-light.png.bak" "$SRC_DIR/assets/gtk-3.0/thumbnail-light.png" - - echo " restore gtk-3.0 assets files" - mv -f "$SRC_DIR/assets/gtk-3.0/common-assets/assets.svg.bak" "$SRC_DIR/assets/gtk-3.0/common-assets/assets.svg" - - if [[ -d "$SRC_DIR/assets/gtk-3.0/common-assets/assets-bak" ]]; then - rm -rf "$SRC_DIR/assets/gtk-3.0/common-assets/assets" - mv -f "$SRC_DIR/assets/gtk-3.0/common-assets/assets-bak" "$SRC_DIR/assets/gtk-3.0/common-assets/assets" - fi - - echo "...restore gnome-shell assets files" - cd "$SRC_DIR/assets/gnome-shell/common-assets" - mv -f checkbox.svg.bak checkbox.svg - mv -f more-results.svg.bak more-results.svg - mv -f toggle-on.svg.bak toggle-on.svg - - echo "...restore gtk-2.0 gtkrc files" - cd "$SRC_DIR/main/gtk-2.0" - mv -f gtkrc-dark.bak gtkrc-dark - mv -f gtkrc-light.bak gtkrc-light - - echo "...restore gtk-2.0 assets files" - cd "${SRC_DIR}/assets/gtk-2.0" - mv -f assets-dark.svg.bak assets-dark.svg - mv -f assets-light.svg.bak assets-light.svg - - if [[ -d assets-dark-bak ]]; then - rm -rf assets-dark/ - mv -f assets-dark-bak assets-dark - fi - - if [[ -d assets-light-bak ]]; then - rm -rf assets-light/ - mv -f assets-light-bak assets-light - fi - - echo "...restore cinnamon thumbnail files" - cd "$SRC_DIR/assets/cinnamon" - mv -f thumbnail.svg.bak thumbnail.svg - mv -f thumbnail-dark.png.bak thumbnail-dark.png - mv -f thumbnail-light.png.bak thumbnail-light.png - - echo "...restore cinnamon assets files" - cd "$SRC_DIR/assets/cinnamon/common-assets" - mv -f checkbox.svg.bak checkbox.svg - mv -f radiobutton.svg.bak radiobutton.svg - mv -f add-workspace-active.svg.bak add-workspace-active.svg - mv -f menu-hover.svg.bak menu-hover.svg - mv -f toggle-on.svg.bak toggle-on.svg - mv -f corner-ripple.svg.bak corner-ripple.svg - - prompt -w "Restore assets files finished!..." -} - restore_files() { - local restore_file='false' - if [[ -f ${SRC_DIR}/sass/gtk/_applications.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass/gtk rm -rf _applications.scss mv -f _applications.scss.bak _applications.scss prompt -w "Restore _applications.scss file ..." fi - if [[ -f ${SRC_DIR}/sass/_colors.scss.bak ]]; then - - local restore_file='true' - - cd ${SRC_DIR}/sass - rm -rf _colors.scss - mv -f _colors.scss.bak _colors.scss - prompt -w "Restore _colors.scss file ..." - fi - if [[ -f ${SRC_DIR}/sass/_variables.scss.bak ]]; then - local restore_file='true' - cd ${SRC_DIR}/sass rm -rf _variables.scss mv -f _variables.scss.bak _variables.scss @@ -634,10 +474,6 @@ restore_files() { if [[ "${restore_file:-}" == 'true' ]]; then parse_sass fi - - if [[ -f "${SRC_DIR}"/assets/gtk-3.0/thumbnail.svg.bak ]]; then - restore_assets_files - fi } while [[ $# -gt 0 ]]; do @@ -787,51 +623,52 @@ while [[ $# -gt 0 ]]; do done ;; -t|--theme) - theme='true' shift - for theme_color in "${@}"; do - case "${theme_color}" in + for theme in "${@}"; do + case "${theme}" in default) - theme_colors+=("${THEME_COLOR_VARIANTS[0]}") + themes+=("${THEME_VARIANTS[0]}") shift ;; blue) - theme_colors+=("${THEME_COLOR_VARIANTS[1]}") + themes+=("${THEME_VARIANTS[1]}") shift ;; purple) - theme_colors+=("${THEME_COLOR_VARIANTS[2]}") + themes+=("${THEME_VARIANTS[2]}") shift ;; pink) - theme_colors+=("${THEME_COLOR_VARIANTS[3]}") + themes+=("${THEME_VARIANTS[3]}") shift ;; red) - theme_colors+=("${THEME_COLOR_VARIANTS[4]}") + themes+=("${THEME_VARIANTS[4]}") shift ;; orange) - theme_colors+=("${THEME_COLOR_VARIANTS[5]}") + themes+=("${THEME_VARIANTS[5]}") shift ;; yellow) - theme_colors+=("${THEME_COLOR_VARIANTS[6]}") + themes+=("${THEME_VARIANTS[6]}") shift ;; green) - theme_colors+=("${THEME_COLOR_VARIANTS[7]}") + themes+=("${THEME_VARIANTS[7]}") shift ;; grey) - theme_colors+=("${THEME_COLOR_VARIANTS[8]}") + themes+=("${THEME_VARIANTS[8]}") shift ;; -*|--*) break ;; *) - customize_theme_dialogs + prompt -e "ERROR: Unrecognized theme variant '$1'." + prompt -i "Try '$0 --help' for more information." + exit 1 ;; esac done @@ -953,16 +790,16 @@ if [[ "${remove:-}" != 'true' && "${gdm:-}" != 'true' ]]; then run_customize_theme_dialogs fi - if [[ "${theme:-}" != 'true' && "${size:-}" != 'true' && "${panel:-}" != 'true' ]]; then + if [[ "${size:-}" != 'true' && "${panel:-}" != 'true' ]]; then install_theme else - install_customize_theme && parse_sass && install_theme "${panel_opacity}" "${sidebar_size}" "${theme_color}" + install_customize_theme && parse_sass && install_theme "${panel_opacity}" "${sidebar_size}" fi fi # Install GDM theme if [[ "${gdm:-}" == 'true' && "${remove:-}" != 'true' && "$UID" -eq "$ROOT_UID" ]]; then - install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme_color}" + install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme}" fi # Remove themes diff --git a/parse-sass.sh b/parse-sass.sh index 8cfade9f..ffe051e0 100755 --- a/parse-sass.sh +++ b/parse-sass.sh @@ -37,25 +37,38 @@ if [ ! -z "${TRANS_VARIANTS:-}" ]; then IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" fi +_THEME_VARIANTS=('' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey') +if [ ! -z "${THEME_VARIANTS:-}" ]; then + IFS=', ' read -r -a _THEME_VARIANTS <<< "${THEME_VARIANTS:-}" +fi + for color in "${_COLOR_VARIANTS[@]}"; do for trans in "${_TRANS_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${trans}.{scss,css} - echo "==> Generating the gtk${color}${trans}.css..." - sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${trans}.{scss,css} - echo "==> Generating the cinnamon${color}${trans}.css..." + for theme in "${_THEME_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}${trans}${theme}.{scss,css} + echo "==> Generating the gtk${color}${trans}${theme}.css..." + sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}${trans}${theme}.{scss,css} + echo "==> Generating the cinnamon${color}${trans}${theme}.css..." + done done done for color in "${_COLOR_VARIANTS[@]}"; do for trans in "${_TRANS_VARIANTS[@]}"; do for alt in "${_ALT_VARIANTS[@]}"; do - sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${trans}${alt}.{scss,css} - echo "==> Generating the gnome-shell${color}${trans}${alt}.css..." + for theme in "${_THEME_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}${trans}${alt}${theme}.{scss,css} + echo "==> Generating the gnome-shell${color}${trans}${alt}${theme}.css..." + done done done +done - sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}.{scss,css} - echo "==> Generating the gdm3${color}.css..." +for color in "${_COLOR_VARIANTS[@]}"; do + for theme in "${_THEME_VARIANTS[@]}"; do + sassc $SASSC_OPT src/main/gnome-shell/gdm3${color}${theme}.{scss,css} + echo "==> Generating the gdm3${color}${theme}.css..." + done done sassc $SASSC_OPT src/other/dash-to-dock/stylesheet.{scss,css} diff --git a/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg b/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg new file mode 100644 index 00000000..189a7632 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/checkbox.svg b/src/assets/cinnamon/common-assets-blue/checkbox.svg new file mode 100644 index 00000000..6e84255d --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/corner-ripple.svg b/src/assets/cinnamon/common-assets-blue/corner-ripple.svg new file mode 100644 index 00000000..aa5e4350 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/menu-hover.svg b/src/assets/cinnamon/common-assets-blue/menu-hover.svg new file mode 100644 index 00000000..88f31c9c --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/radiobutton.svg b/src/assets/cinnamon/common-assets-blue/radiobutton.svg new file mode 100644 index 00000000..b33ed4d8 --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-blue/toggle-on.svg b/src/assets/cinnamon/common-assets-blue/toggle-on.svg new file mode 100644 index 00000000..3ecb0f5b --- /dev/null +++ b/src/assets/cinnamon/common-assets-blue/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/add-workspace-active.svg b/src/assets/cinnamon/common-assets-green/add-workspace-active.svg new file mode 100644 index 00000000..4a7a0299 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/checkbox.svg b/src/assets/cinnamon/common-assets-green/checkbox.svg new file mode 100644 index 00000000..86d54de8 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/corner-ripple.svg b/src/assets/cinnamon/common-assets-green/corner-ripple.svg new file mode 100644 index 00000000..08480a85 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-green/menu-hover.svg b/src/assets/cinnamon/common-assets-green/menu-hover.svg new file mode 100644 index 00000000..16dd9ef0 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/radiobutton.svg b/src/assets/cinnamon/common-assets-green/radiobutton.svg new file mode 100644 index 00000000..d9ff405f --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-green/toggle-on.svg b/src/assets/cinnamon/common-assets-green/toggle-on.svg new file mode 100644 index 00000000..6edb6b59 --- /dev/null +++ b/src/assets/cinnamon/common-assets-green/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg b/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg new file mode 100644 index 00000000..84b4b2e0 --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/checkbox.svg b/src/assets/cinnamon/common-assets-grey/checkbox.svg new file mode 100644 index 00000000..9db08dd4 --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/corner-ripple.svg b/src/assets/cinnamon/common-assets-grey/corner-ripple.svg new file mode 100644 index 00000000..fe1c1ba1 --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/menu-hover.svg b/src/assets/cinnamon/common-assets-grey/menu-hover.svg new file mode 100644 index 00000000..d2b135fa --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/radiobutton.svg b/src/assets/cinnamon/common-assets-grey/radiobutton.svg new file mode 100644 index 00000000..a8733603 --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-grey/toggle-on.svg b/src/assets/cinnamon/common-assets-grey/toggle-on.svg new file mode 100644 index 00000000..05d61213 --- /dev/null +++ b/src/assets/cinnamon/common-assets-grey/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg b/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg new file mode 100644 index 00000000..12a31771 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/checkbox.svg b/src/assets/cinnamon/common-assets-orange/checkbox.svg new file mode 100644 index 00000000..a149a337 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/corner-ripple.svg b/src/assets/cinnamon/common-assets-orange/corner-ripple.svg new file mode 100644 index 00000000..90aa9e5e --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/menu-hover.svg b/src/assets/cinnamon/common-assets-orange/menu-hover.svg new file mode 100644 index 00000000..b2aebc15 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/radiobutton.svg b/src/assets/cinnamon/common-assets-orange/radiobutton.svg new file mode 100644 index 00000000..7001013c --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-orange/toggle-on.svg b/src/assets/cinnamon/common-assets-orange/toggle-on.svg new file mode 100644 index 00000000..bf2f8f36 --- /dev/null +++ b/src/assets/cinnamon/common-assets-orange/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg b/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg new file mode 100644 index 00000000..cf935e7c --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/checkbox.svg b/src/assets/cinnamon/common-assets-pink/checkbox.svg new file mode 100644 index 00000000..34ab206e --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/corner-ripple.svg b/src/assets/cinnamon/common-assets-pink/corner-ripple.svg new file mode 100644 index 00000000..0023e26c --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/menu-hover.svg b/src/assets/cinnamon/common-assets-pink/menu-hover.svg new file mode 100644 index 00000000..a730c2c1 --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/radiobutton.svg b/src/assets/cinnamon/common-assets-pink/radiobutton.svg new file mode 100644 index 00000000..5d4dccde --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-pink/toggle-on.svg b/src/assets/cinnamon/common-assets-pink/toggle-on.svg new file mode 100644 index 00000000..e16d5f81 --- /dev/null +++ b/src/assets/cinnamon/common-assets-pink/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg b/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg new file mode 100644 index 00000000..6becf43d --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/checkbox.svg b/src/assets/cinnamon/common-assets-purple/checkbox.svg new file mode 100644 index 00000000..51385ece --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/corner-ripple.svg b/src/assets/cinnamon/common-assets-purple/corner-ripple.svg new file mode 100644 index 00000000..3894877a --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/menu-hover.svg b/src/assets/cinnamon/common-assets-purple/menu-hover.svg new file mode 100644 index 00000000..2b1ac428 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/radiobutton.svg b/src/assets/cinnamon/common-assets-purple/radiobutton.svg new file mode 100644 index 00000000..da6e2787 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-purple/toggle-on.svg b/src/assets/cinnamon/common-assets-purple/toggle-on.svg new file mode 100644 index 00000000..4f5b7779 --- /dev/null +++ b/src/assets/cinnamon/common-assets-purple/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/add-workspace-active.svg b/src/assets/cinnamon/common-assets-red/add-workspace-active.svg new file mode 100644 index 00000000..8cece179 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/checkbox.svg b/src/assets/cinnamon/common-assets-red/checkbox.svg new file mode 100644 index 00000000..282aff68 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/corner-ripple.svg b/src/assets/cinnamon/common-assets-red/corner-ripple.svg new file mode 100644 index 00000000..6f51c162 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-red/menu-hover.svg b/src/assets/cinnamon/common-assets-red/menu-hover.svg new file mode 100644 index 00000000..5681582a --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/radiobutton.svg b/src/assets/cinnamon/common-assets-red/radiobutton.svg new file mode 100644 index 00000000..3ed9d156 --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-red/toggle-on.svg b/src/assets/cinnamon/common-assets-red/toggle-on.svg new file mode 100644 index 00000000..5ee6d6be --- /dev/null +++ b/src/assets/cinnamon/common-assets-red/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg b/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg new file mode 100644 index 00000000..f2b19769 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/add-workspace-active.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/checkbox.svg b/src/assets/cinnamon/common-assets-yellow/checkbox.svg new file mode 100644 index 00000000..4aed96f3 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/checkbox.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg b/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg new file mode 100644 index 00000000..d1698a7b --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/corner-ripple.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/menu-hover.svg b/src/assets/cinnamon/common-assets-yellow/menu-hover.svg new file mode 100644 index 00000000..4760827b --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/menu-hover.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/radiobutton.svg b/src/assets/cinnamon/common-assets-yellow/radiobutton.svg new file mode 100644 index 00000000..123a5e2d --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/radiobutton.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets-yellow/toggle-on.svg b/src/assets/cinnamon/common-assets-yellow/toggle-on.svg new file mode 100644 index 00000000..032d0417 --- /dev/null +++ b/src/assets/cinnamon/common-assets-yellow/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/cinnamon/common-assets/menu-hover.svg b/src/assets/cinnamon/common-assets/menu-hover.svg index 951294bf..4a9f87d9 100644 --- a/src/assets/cinnamon/common-assets/menu-hover.svg +++ b/src/assets/cinnamon/common-assets/menu-hover.svg @@ -1,11 +1,6 @@ - - - - - - - - + + + diff --git a/src/assets/cinnamon/render-thumbnails.sh b/src/assets/cinnamon/render-thumbnails.sh deleted file mode 100755 index aa1dba73..00000000 --- a/src/assets/cinnamon/render-thumbnails.sh +++ /dev/null @@ -1,19 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="thumbnail.svg" - -[[ -f thumbnail-light.png ]] && rm -rf thumbnail-light.png -echo Rendering thumbnail-light.png - -$INKSCAPE --export-id=thumbnail-light --export-id-only --export-filename=thumbnail-light.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-light.png - -[[ -f thumbnail-dark.png ]] && rm -rf thumbnail-dark.png -echo Rendering thumbnail-dark.png -$INKSCAPE --export-id=thumbnail-dark --export-id-only --export-filename=thumbnail-dark.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-dark.png - -exit 0 diff --git a/src/assets/cinnamon/thumbnail.svg b/src/assets/cinnamon/thumbnail.svg deleted file mode 100644 index 3b9f0992..00000000 --- a/src/assets/cinnamon/thumbnail.svg +++ /dev/null @@ -1,2131 +0,0 @@ - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/cinnamon/thumbnails/render-thumbnails.sh b/src/assets/cinnamon/thumbnails/render-thumbnails.sh new file mode 100755 index 00000000..d6aee083 --- /dev/null +++ b/src/assets/cinnamon/thumbnails/render-thumbnails.sh @@ -0,0 +1,21 @@ +#! /usr/bin/env bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="thumbnail.svg" + +for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do + [[ -f thumbnail-light${theme}.png ]] && rm -rf thumbnail-light${theme}.png + echo Rendering thumbnail-light${theme}.png + + $INKSCAPE --export-id=thumbnail-light${theme} --export-id-only --export-filename=thumbnail-light${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-light${theme}.png + + [[ -f thumbnail-dark${theme}.png ]] && rm -rf thumbnail-dark${theme}.png + echo Rendering thumbnail-dark${theme}.png + $INKSCAPE --export-id=thumbnail-dark${theme} --export-id-only --export-filename=thumbnail-dark${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-dark${theme}.png +done + +exit 0 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-blue.png new file mode 100644 index 0000000000000000000000000000000000000000..e45d3725a9e0c0e91df51da866d6a91c8091db38 GIT binary patch literal 6181 zcmV+=7~1EFP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17qUr2 zK~#9!?VSg7RMpmi1B5KfGCwNvWG#KN6qP(OKq~3IklriFq<2z@B!M81LLi8MFQJMF zC6V$BC3HkXvj74jQIsb;&i?N{xf3RndnaxBoW0gwGjq?q=iW@_JNuly z&pt;-hYA%nlo>NjUpF)~GSx;E2uuX@7eGawWyExW@$ZH+Oh8+8`t<3~(4PSnH3rzE zMauzxp8gD|Xf?n_rj{~+NmlhxfK~Vh$LdH{M@i^Nv2#YyuWNV!+dH|#w%s4V8w;0! z>l`0&_ws}IGz30T(xK^17tF5>hg9z{@uf+&%rkFEET;zwhWtSX{aSJiP-+ zIlekLdw{1;AS9+`g1xglq-D*Agp_%t{tfSKhoJB%@C^usps*;S!OUl@Yg5fmu(EZ6 zjGTNZE~)5wMm&H0yS0#%o(0ugYQR4@95!#O18e5o)m0lIGp~RGtVCE5%F&GK)z;RU zbar!VlufQ(wQfD^KXwZ87rqIFZM<8`x9;~U} z3|YAa1n{NhE1`7d+fc;-h;<-^7`3sdhHMs-=3sSE&MXE!g> zwG9fL3$_lf;1?7QjxL@MDNKObmUiGD6b4Rio&+QpcW)@Ge7mPBj27C>(-+JwZ5YcK zL108HEnr^JvZ94|aGFD`GMw?`yWsdVV*~y?Ou2abQl0BqLlc;Vt@kiT#-#3iN^Z!m%s%|NtpNf|`NBtmB1 z0?5iMAjh)viy$F60}6_lL2^bm@h*$k^^Zfx!Pefj&%N>dyn^Ch$FOmTh>C;Ixv|94 zjEcwc7}xXHf6z$0=oH}L30ktJKutx%A@0`#$ERfU0T|=42rq_&(8_r;RvJS;IPt>K z#e;-za6*TtPXHvPWsxuw!sf+TO|-z~Klc!aZniWK3;i5oak1nbAJ5?XcfaMM8Q zrT`CIMn8P`a5t#AFn`B54ILNLF)#&~S9JgU^Uo`wA;SDU<24Xs3NQtj8(y6H2pT3V z#3Lxc6ktss^F9L_DjGH>RvCcNK_%(!Mo;uWucZLX4&FhEW#z%V+&93%*_}A2(0S#_hJ7%6l$Jdo0z)H+ zbIaP^1>8OSNST$56Y*4sM|XRZz5Rm7F=0XqSlT#}b8y}?dbiPw?J~!^=NUxLW;WXv za`KCq`vx)3&q-;=&b z8V@roh)YU?0HzVhnqR;)B9Ro}0gB#mLHglV+#~nGF0>57OCvNDVCuxup04w_;X<{y z`GLY9meqaO*;=|3U<$BWcbzf6R+eDN6Jk;Qon4P*<&}O)jpM@a74 zq5EXlKroG08|#&(08@a~&-&t0HL`^4#{E`^+;@klETyHrOD^?_WWo&HiT}UX&#LTKsxuuN*SXkTl3IR#3LMbg{$j;G~cb+pU&cT+s}%Fm>t#MBoA!{SXWkKUoMIH$4#QY zwsgv@E_sHj)YJ+~1sDOv2^h02ZOP;b$#OGu8v>b)y)(=*vET#{SB1pM6@2%=9ACaN z%=yKI@A%5mdSf2)Q0mrpfMw!&?oSeTHxnI>05Rx4zz!YHBcV1n&a%H_Dph(|&iRkw8w}yP}#e0tw1@J^Q z>qb+6wGiMT&3PVHH+b85qJxpD0~g6P8SkA}*mE8`b}UuRCU#JOwGd#1bf3lL+aLZ5 z`88*V4m4ymnDgb3Zm2N;qmxKlCq(O-5R`CIj*X1r)#Ct8SqlH;de9wiMM#&jDoO#2zW*6QU*Xg1FON@W--MiPQ z3^*2VI!aWU6s?JBGe8&|G@T+PR52gTX8Ndp6U~$P?YjzS9Pk0a=Lo2LIVJCFx zQGgk>7lOd21Pom=z|hE&0;~dpUBl-<1!T?YTB0b2cO4|}|GsLg(w~dX5gw~1jx6~A zJj((E@ke1saZ8U1vcCpHOJ54G3IIGw6#%Z=c?i~5ZiclLo5?GxDhQiiI8K`Z76e!I zg0~0a^a~VV6$l|s1{IM_71cd@sIf^^9!s4R+86Nt^+det2m63LmcfU#o?0iklmkLBfABLN0GgXdH~M5MPT(^+X@jI+MuGb9gN=W z2H4Qjzt^=0Z){>3Z{3M$nFPc>AtrklaB}q^_vXBo0Y8{2!{urzz$yxG-I9u4stVG{ zh$aDyGp#V0U$o>a*K8>SN!$v~5Pm>lHD1yJvlwvAma^UG{JUT%wow|^jn)-k`Rc|v zG?#_NSzO)Qn_BWdH*S0;EtQc1tVG#Uyp*W;`z!koDE+w}J$m$CO#*mGYVHa%=HKZ( z1}=Ko?Tw~mV5K{;ln(HLf&$oIv=ACAR`wjjln>TN6({?8oQ4{-aXI8=q5JYYR zfpstqBhfGtz^64eaA?6BL?wmqxFW^d+uNKCBhff8oyeh*6FHt%CLkws=Mj}w##gQ& z2iD7UA_oOnW&h!f>f<<18E|}*ol5jyJ2v-w&chqc$^!TW9SxdF=@SszXLB*}Lo5P&z^#FnejyXlYyQ`lNkmOMhcH2I|xR`ByjF)grOP|O5#{u z6642i4B&hzeOR|S11eXH8JDyTjSv!uxiXrpZJn5VN0XH&xzY(S^yKLi$XU16rxRi~ zQPE&rOpPQupmB1#kevH@VhBwq945e+vx}=cqBWH)6In>K(p)*exMLw%R+b}Q7~#iV z4-ryP>YwDYu-I^*^~RWQpIqU{7}7Z4wOnB)tQ&g=n2$^WR&prma&joq!N`}1f#e!# z-ECRR-Me>j9`tw}4NB;zV_*$+WVN)k{Hh2jz7%@F^>|7zfLJU94MCPDCGfb#)E54peyx z_DFQ-va%Flb?QbB2dw_&$1qExE$bG_tS$v~pU0_NZ>rz9&?XkdNyN8>3C>A2x3nYk zjwQ?R7sT3&<(yRz}n%=dP-JfVR^#a(@5k6%k)0%*mty={{JYzS`M%d`{SM5 z)YP6RKjY?{My`)1CJ_PK~YafaAbii3~m7UNb9_ zb;MWh;S<0ck2N;6=(U<0RaK=sy6QB zy|?#k-S?j}Ww7uXsIlW}Pyi!*2%)si%ecK;#YsxpBsipMf^lFa=oZcvxRY0oh85l=SrU zdDy$qAb2Uj6kuM_Wu00AO@J52^(?&OH3(h`Fa@|@OFRKBu{w{5nddjw>7FV%Rs)0GHh&RKUWkr=jrj0z6${ z41Y5;(kPuSFrokt(>pzu?TXIC4Zu_t-Z5jwIO%jJ=Rc$2@KOs*0UmUmcr@Fk##v0p zss!$lBS+pBv$~o%-lYIjfMsfpF`jCm>~8g)J9nZ8kt!3Y#NTMXW;TV zxJWy0(Smj1qVUely>Uq&U#6ZX_b_E%-AR2oL(EaiTxklhVyy9K7G&(Y;v8eMl9G~Q zc|hCR+WH4te4Xwj{Fm8r?pPMw5!%?0aseEdlulj~QZgYbHW|_~^B_Js9sGhKAZvah z188?S&NW6rV-i!zoaRVj0(qaASI|=zUWYq3ghoV@-4t>cEF#D7oVbb5X;iVu>1?SrLtlP9R_lnfrz@$8o_r zT$B#)fenM`9-+)Vk~4A${N2x!K>=1VkVmpGk6}TZ#CEe^X1m%m*{-h{s}^GKjae12 z4Zuq*uoGD;uScO(|1mHwu!r4qItEscF7_z4n>~iL(E6;iX(Fr7u{x3M5>H@Z9mfKz z%hp4orA{mgunJgck(Cy~Ev_TQ&Y{3kfGNOKD8Lk8DpXVy;8$Lmw(6DF40dUyPBqw~ zBNjS*hALGx)MsU(&)F5f`byj>Cso!-R&Tt*@$91SK_@~}bd;XnTuu6WsLEeo^m}jP zjN%qhWqrY``tMTy2Kjt3P9A|@IeYm3Q>3n*f!{s-{7V^J=T83Xl$7M6(od2XmVXi) zm%1@9Hl=#1fuQGHGiQ%oA!)gP`oyO9sNrmzb)xeBdG3XTkfNHav6Y7*a@n4HuUUE) z(I2P!YD!8<(XL&)wxHtsUXApqQIQrF7O8G-Zkf+M`>as%TA@(*#@4M{t4&Q!Q@H9j zHa1SibJP{!DO0AzaROXeSh!TA__?X6Y2V(xd*3^M{(NIyUELysW6G zXxTU4d~^Qx?b}xx8XC6g>+45}m$$XGkrno@UAuN#{J5>HZQ6+wCw71Q@y89jckkXB z6BDyQ65!;THaK~`6Uq;^!|ak4u&-zZtFjhwT+vF({oiSY`p-IH)sYUcENubL)vaK< ztc9F|=ZenRd!duOpSPn8%9y%D^_wy0)_u|m%NyIFWPdx4?YQ{Qx(}Og7u0+O2S2%e|I+sly7b13q1|aY>SU*qiqRALSc8bNva$-v z1|1v!#>U1v@nZ%C1_>KBY*>dtO4fnKgZUkn)z;Romju|`+dI3pwe@#|^w_auyCkpW z1GuuXawWU4eFO7*-L!rC_6=MX_~^Ax0$xsiJA81d6RzCpf^UC%4CV}c2-SsKU2ySs z7nB}ohs_Ld@1E{}oeY%kf7aPk$G$H*!M3~=-aFF)4VRuA4_n^`YmRr2dmyZ*zU~Cy zwQUf$r46<+=bm61kNLaW;mnOLNZ8sJ;7OAv37PL~?SL&XwvHtwCFN*=5m;;)tE#Hj z;6LfYg$u`+7Htm$`l;&b>b1iG*exKUQWD^d#pNG~11z$eW+R&&3BY_88Z#Tle-4VAM1e3o!!9suWKb%Jnr2#DB9aj&Uxo# z2be5*Vu33TwZn?T?F4YNyqQdcf%Wdc+zGk$tR;T8H^37nOo(O-=)duAL!&D9G4QnX z>z^59-TX?V(=xyPa@^!u$z12^>FGte_ynzR3kY5%(utEN_niCU)M@22Y@8d#^|=?O z6pG5njMo>&EURs(*z?(U^~XN_+;FBzDuqma6)ko~M#e%^d_S0LvAd4fVFSTcj$Q5- zUwqQ=C}IrkTG=}6F)#uw`c5Q<9rOo7m3pDo)eHUq4*}72CF}q?00000NkvXXu0mjf D0&T+? literal 0 HcmV?d00001 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-green.png new file mode 100644 index 0000000000000000000000000000000000000000..afd1971f4fa7d2ccb4c9fe780e507b30ac1993a9 GIT binary patch literal 6202 zcmV-A7{%v_P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17sp9N zK~#9!?VSg7RMpmiL(8Hp^P>X4tR+vDV#yDoq*u}t(t9PDgjCWCm<9-hU?6~iCR8!B zM2atzP(qVXf;1^go+ttj1oZI`MNx``{hxhuXPiv#owS+Bl(W~`Yi91bci)@Id}p7t z&)Mhb=`mrVfiilu>D!}5jWg9nH8L_WV!r?;nk+p=8X5mSYP1RHs*W5v@+I~&V4}eQ zn>^BSfL~!h1135R@HkT|g}|gJI}Bho{=sqDlha-@+EePB9_;Jt8o>5W?yzq2KjGb? znczCX2i(2<%fJQy@M$o!Vdi$$AJ1j{@I-PzVZ(q8dy-qpg*d8^PMn z3DUBs!t~-&$ur{l%RXKUiK&@TvAPocgTrCfx+<_C=PoK=0U5dZ4B&2r6`|}yRDbQ- zwIxipmX;HMIcVU$_)9 za`Ir>?Dt{z`wPhDB~Z4c9F{I$O<>BR*DhGP47S%Df~iICLBV@-Ac?@fWyc{n1UTPF$O*;UkPRwHuSiuxeWuj8=%$SwQH9hC{UW3njR6meTnwwU}n+|fSujE zXwx<*bRyU}xPo6$I5@g^LZm1jEUd1HXL0h(3SumN6#G=6$>T= z)R6FK09a<7iO5(L4WSarpxxQ{c z&>(sI_;DlWjeF=Sz~)xtVaLAD3BYD8ju*_B4O5F|z@&s!8VyE}q6tJrGfN;UCIK>X z^B^-fpB~GaS_tt;X^=mCHYBBG(de?YtKqADnpM z=;A?#Z*W3~r%wPRrexA#CWOt4cun-gE$ycZRvzITpkhV%apDF}6hZqqtb|@&dbp`Q zwi&?fmp%_3JlG5xF68g%uciHB)(2()3rg=l|NQejXo--&XMh$$%m8Kp^TUf%A3@86 zgSZC+m;tQqecqQqOGV52#A*XD2B>7C-57~(@3jnI#lhR5G2Za)KTz!s397l-srzdY z#DW0hyyVcxnC7|4L@}B>!8?GKSy+#Ul+0X6&v_RdoZV?~3WHak+^`Q0AEjhXfxyrR z8r-t6cL8?~KU!vO>qH~f;nB^}WN*J9dQ23b3|6*|^c|wL>iYT1Ef#EbgFpPkVDTQKyDSUpx6mYbO!&IWUDU@rP@m&VcdR z4&A1>3W8K#Pq?Tw1DFA$Za>MDpDRjZBmL|sa)co+6FKNft*}D z!OF&ws6(rAT*k)E-h~b&nV4C(Dz~zA081PD7DGU?t5C|z7#i>BDmc#>73W~fW;aQz zI1`EiEZp}sP)0L1V#^hXuDJ%;2YytTO|*xq4EgJ?zwT(L7jAn^EO#%k8Sg~bp5jaS zo8ava4lW*4TO}k|j;HHg@s+g)GE5be9^>T$SZLiV1Rt}b+M48{%K-OQRNt3RVm`Y< z_18zw6lP1A!&DmTh2;W_fZ_xU3oAQ1c|x|_%-ohjW^3;ZV@)i10mM}yadL&wJut^t zs0?#{ap60ma`fJqhuj(4x(={HBF}9}!sbS*U6GufR}^BWEje}SRG9`&?qGdj9R(OY zjnd~kCw}@Bq*R}$+F9x9^_@s|U;s0K)jxQ3{`~o6s(>PO<5{Zf8?JTw+B3HwstVvi z8rFgpzI*u)M7unq#OlIF9te0%F> zm|A(1YI}!_I&!`e(hao+UZ7e<8?WC(*&=@b+j<+N$9yS(TM5*X+Xk;yPUnV442!?c29& zy916HEB8{BCxy#)({u2(n*e@MgZja30*n(S!lcp!`8+JDyb3_xzDt-gC{&L78{zV` zyw648baL^O?2*)J2#U*HmN$;9ivX)+_((|hox2Vt72Bxt$=Ppi$}LwBz(e#jC(V%c zfprjI1L#I6T~r0{f4G&ZtOy-fF~DzX(0DKdSjPZXc>s$~7B1dMRXX88dA8XtOkNj!@-~ivUt&2swlfR?WFHNTCk?upNq>8?x!Jv zETsTEdYmc5lzBnn-Y|)#uMGeTM@t5<8UQ>*9RRM{xC@q*t%4<`tLQ7LItZ6u*k6|c z4$N_F0k2q-SNJi2)nEu|D5#07EUl2}uG)Hac`QvDN@^2e9LB+Duzye(?^r9YAc-qj z;_8#)Y4h)IpO<2IOV;llP<93+5|Apw8CV5@sh86v!xIuX)hQx$AiK;oj^OSE&^uki=v-%HV3s>DH3g? zcg0sB+c*x*=V5UcSM&C!R)Wus8=uKbWn=(%qimTzi>mbd^V@fH`*S^f`0!_K0=P43 zVq*^3p9Zz)|K{xsrO{~C2k!nLR<{GZBR?Ou7ZyQn>3qpC{EXV&a^=dEb-EtJq8`xP zj0UqNE%b)4Y3^XLW@yJSQg{^IK`=5V zo_Aj(9IBy1Nj$4d;`p%}0bD4h4{e(hQ2EA~Fo`LHNUO-)_3fvQZw7Kt8PR+a&*NzLf4fYp}V3A3X5XlaqcY^k96++WjLQ*F+LHnF5Z zBB3oza89zh)p$DZShft0VKiCjTCr`R{for&o#k!5CO0p+jeU`HeQT9|%4$YG*|{F> z2AfhI7M3^yW z9B^R^cQ$l{$r(Acj4vCBrWE=Fg1mj5Jmi$K&CQg!yzH<3MpP9k_k+e! zn-4ulC<9(2JuTea3^RICGN;g-U(DN;Eyp1qOa&C$VGx&g^$QG##Z6(ha^Dz`7C4dO=ZrVP(QAsU&iP6?z}8@7qU1 z|9=c%9S2yC`|%E~udiRP2za0W`G@k8?zwwC`SN&I;T@@`SzDGb?) z3@lNoln`K2mbb?WOG6{i3}6OuE5Ym=oWyU|Q4rAMs-o%KYN(2M->%$OuQ~6xzXp5X zc8>$|B{E2&y=K-l>qw~F!zVy+Jl5FMvc+natyaCXwx>~Qp>j+W6xw~z%-j~71$HiE z0Ly7g2LuGfsawBS@ZR2UHQ#^2@Q%W3sKJ4&4grktA%yZaFY}VOftkA(1(AOk$c=aW z`0rsXE1C%7d>o64MK*+P#$o|gg40PYaP7}$EPckkY|ngA}h zMW_)6ufCSTD+usNBV+i#QRB2qM;eV|0CzDu-H&UEj=>GU)D_;oefv7;H7Do4q~-83 z56l4W@HlZFu1Srvn2gm4+&z2td@AL2wXwg;0A>Iy)Enb?s$q9Gt8d)6ah~hzzRpF? z`)Ik>WdJjP72=J1bA4lMR%2F=r7FR_aN)v1DR2jIfvR4*_J805I4x@`#Ka|oql*V! zU>#THh)YhVYhU5~WAV%@TYG1^cQDRJ#^rO2#+cD-#2a?wRLA`3vmqp01lG1rbWSzh zYnbRb6D!H4;kbGRE}w&owBr^nXbTsGcP977C4GE}oxks4N?zTmJ)9xtC}*xT16VcQ zxDN+1HeGR!u~~6(@pNTC`}pzWKhWdrH7DV}&h>Nqap3mQ#fp><;7N(8^ff*?1EOM+ zASELg;*wIqFDL>srxXxCo6B*oF#;NsFqzJ2jugey_ZhkQ5?gp3?%WU>5lwef$jO^V zkKsAF`P0F6ybA>%D~ON?5lk(74+>_?CihMwFpsClqbDU3O=`YJOgw!)ygrVc)@Tgd-#%9)3 zBctOf*dlV@FmfChtiwg=@E%w(i0=_f?va$1P2q2To-_uqnt|MtgSjsU+7Pap{W{mw z9>X<#%{aA`dT-3B5my1c#sNEs^YZ!(TFvhR;{towJZF7i&1hox;+olgIS*~X1)BzO zI+)WzT$6Yp2Wx*0*xsBS1}zI>F@V*;LyNt%7;b6pDRmA5mI2HFX2Jkw05f5trU1Y3 z#ybn%c*}5;PU;B5)p}Axhc7W@s)72lB6NJL;hWKmot)HJt;0sW!Sn3m??Ep@TeO$H z{zPs1dzdO;ecrWLQMfk@)LA{UOh1zIHz?VT057&K>%X z;mJvbb50}`%{>u3Y4VD|*yM^4hDMTe&73_pg{0*C=@XkO(NPw*OU32?Gx*i`kiyCf zv1Pj&l&`?`dRkc$5 zrIF5ag1^6i_SAv@h`6z1$0o{tQ3ZR#p2|MRJGR4e`My+VzmT#8m0Mup z+O4p7V+|}Jnp?8y3vu~4d$-*mR@Z<}d^)&BCQvmrw_YPIPn=&Phn zZ$5nZaLwk;o7cp|#N^2WyykQXeEri&*wMHKX6_e3$)QA;eP9yIJ(NVt7ayAfCvMci zu5Z@CtOK#I;7A6%w=asGgXfCRId$^@eZTJPeAwRjvE=vv-u`H4`1f9Ff7_*1aP(R& z%sH4qZGG5~4~MUAgVm>I!?EkNP=2DY6~Op?J%9eZNv3jYelu&+$2qzayk|b#WW~rbI}7MuvjyemzOWbf70pGr|U?KwuOLxsG_1`Nml@N3y3I_1vqWS+|Q)} z7JFVk4;(kQdfWWH*Pm`Wa`mVBOSk@8d+e)A3^L`a?Zi$KAVkuOW=G0HdPQxNzaZA-?Al0vKD2OP4PF zVDH|&)u{IN_NjaTAG-1x@vNED3m*7xGwdh2v+)y&cdb6Z1TGQqRuNB$-gE;2eb40$ zuV^mI2KX3 z(Y`dm0|yR_CJyum{M*o}D!mV!yvFln`g)(Q#hSX#=i>jq@lq1sx%&G0Q7%3~^V|Z0 z7l?Jx(4mrZhmCk=?r2-*T4^2p>hJ<_dEWsBqL|rhYf87A{I0t0i&LYpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17kx=Y zK~#9!?VSm96h*gy2M9SVhde~&$T|4rC@y&rfox>o7qagw*~q?c#4IET31CRrf(8%} zf)FCh|A!?YCy*h z>Q>#VTP2Y&VWNfd(o5zq%$PCTTp!iM#LR^K0+?vC44ZCZ`rC|`%s^jt`t<1&*w288 z76WW{SI+@{lKl*r=rzEz&8-yzlcMY}fHn9B$LVlRN66@KsdI+0uWM)kJGywnTYLTv zFE3mS?sNUX(}TgO7hOczOpwKyU=Te*e+quxRND z@b(R+<@oC4>IL3@!H}Gh1CFkqkdeCplG3uN{f*mpKuBZ^_y>hUNJI?PQ1TgVZE9!) z8+#YX$}fV7s_O1%#Pc`2xgAn6b7B3K1_%s|gw1d50$XzK>iRbzr?7+ptVUQ7%8^73 zw{PEW_VD4uU!kA!>#x5aAlHq?Yh~bOG5`-;wPF>-CZ@pRWhR$qCBYnP2M7#_02dE$3X+?rFD$EF)7=zC5AEUY50=(; z#4|=w7|~0ckXQ7q=;57Q=2EYW=b~-2fgYaPBggpXh=`7-w$O&N+g#cbz~kt-BVrQ3 zjDQ*z8B4&mqo46v(H3h$s}5X)nwlD8P=P#n@Zc&3^9Vin$}EV*03MQ{Cmh+{-X0BV z53KOpH1BaNJ*NPC143cuY)hDJZUv_1HdHb4i$Nw^2UoDLvM0y7 zf?s$I2A5`;&H*bM#~!wD$VlkEXxrC6q{lI|i}p}43Oz3&nGP+*%}*7yA!eHaJh;B@ zXwV|Lckf<1=Z%NyE5Mf44sh_@lLTOk9>+@;RYK9iMKC`(lSYFPq*wyc!o|xVCO#Q* z3X37Pu!J7VD=LGe)GR2esD#w4JQ`h=w)MBe?}ELfd#`)r`GqAFJ&s}J5EU~Y!sjK> zNHZ!P$74dz-}Ltu8bxOS4^7aMjRP$e9f!D251g2m)eB%8k41QKNC>^0FY(ei^n(*G zoZYUA17|$L=m))!%FDYrH7mP zW19ioe;IlE_U%2O> z#G(M>yyWoc_^!FiL@}B>*Efik&9QNSjNC%VE_fN7Ts>)U3WHbP+^`Q0A7$h%fZ*^b z8r-sVbOTSX09s~a=RzaZk+EITWZ!@gdMqv}4Xo{)={Y!W8l&47#de$P+x-muvsuis zhy0>4a^Dd0OaU<0Cs3-)7BX@QsZAg9JQ!s2@(W@B_j8_8!kYxzNK5D)ggw{PEm zSJIUwrLzEI!T>@T8Wju4={YpZ2Z81Rj!8&?xWrVNKoC#hi^Sm_t{fGU9ee{rX__A< zB49cp?_u+c7g9L=gCl8rU<3gfQwn*2DSQE;6mYbO!&GsJX@5a#Wlt*rytlQjV|V%@ ztvoDjV17yl1d&Q0cR>lMM4}nM{S?EYg7nYd{!}@2Nv$YHuzzkrmZaQOrts=ovCd9n`hnpkU#(Y^G7Z9!hNra<>>>q4lZ=p2G~GReP1Do|62#u zU+z9sm@Q=vQ)#IemJ2WfiW4yASliRd6SCzNmUa{}J4aWTWo9J^Ag&6DlPkpTfjPcn zWtj7e3*U*AqxZ%<7wrJde(mk5{n)5uQX7F2Qs18Kx51yyjWNka6vgbT@>{z;%P3&L*>mk4@X+BHKH$VIv ziW)wo+TS6gft;^|bVHp17=uLehH`LGI~*#K7bzACV&M)A7^N1w76V{n8=m2F%{H^5 z%k>DA&#`u-5ok<&U;xWRpNURUH5dywzXzpnwo=d9-*eTJFFa17J@cdc1Q=5Uy=7L1 zlvd10k_REKTO|fKURO|DE_yAlqlH;dV$X${MyXl(f_cNZW*6QU*Xd#a%k+P5+_=%A z4mcKVI!aZZlx;Xd&%swU0sNR2^@IBa7$-_ZNTmr1d013=6@a{bmoQ~etQ_|@!sTlP zpNqih;^y7GM^djLC@yzd-Z-*80<4nZBQbgRi>t6~{eG%K^4V9{<(8`m;7JngNi$@9 zU_Aub2-GOmt9QYxukE8MD`Ll04DfSWG#<5ZkRcjlmN+&$<$IuI_Q@9Bo zh74dcaCY^CkkAP5^ztSBR0{^M1_(9{p8ySzwX3&NMLDwj5Pkpp%B^aDE-puSw3Y<2 zlmakDf3tJ)VAZNs-CAC;h%SG_09HT1lQaR~U5$rfL+xg$tKLjsQ8huh^ujUv4Dh^| z_#W``T3k}f0M>vZq{*NmvZ;D~w;paer74f4O+!h20*u2r7!3{#i4YuX#T6uR1xs9g zl0RNvUO|CvYHEV|`g%BW{U`+QzSj5uy=x%|LF?6pY{@9Wwl@!)(+qOYtVJEtDkBD@L78KSn6Gjb@1y@r?^-N41&i{4xCS^|D3DZ}Mz8NeC}@UF$x zJya9qArV~y7-w2xGC#lMtI%vI1WDQprl)68SP|OQt5-u^T^;>gRaMnvrAV}m-W6ZP zY~whzkcY)tTwU9nT8ln6ZhR&$m5~9gM%i1jgsSxWwgU&%{#psq$nk<~s`ARj z%2gD=dWKEpU;u0EKb)u$_Vd&M$H}~Os{gZdbD!tj{<>XV08f$V&{RslpzvOsi%BOs zxO@52gae^q5eB#HojkzDKUmOqP*@b$JGu*|1Y#N>Mz%2-0f(!4WipZH!Bs28k`-{j zBwUD3XfZy$PiC;Qvzx1GFn;=|6;9_QQteCndmc+>=*KWpWDMOwFgiX-aK;r5)zG0N zfz>5({Mds4E|$`Vwk-*$LSxJrtqzZhqYw*aG}+p_kbB3{l_!PL332Gj+b>wqw%(@` zVlz?IV4P2nrrNK5a%LPo_gr!qOD7y6z?id(t2?4Ml`Z2vBzkF~oL}6rkS;4LkS~nz zsDCvvTaH<25i^;+C z8hOoaMa%W;*Kr>7ScwiL^s_#&js~*s-o5*aDxkO+=L44${pssK1+PO@aVnusEvdr* z*3Et}dKqJ-&uY5X0UdFkR0lOCyS!vb*AFs)#TK<=0Bc1*Sn2CxeHY_G^-*VM=TL2+ zDpRmUB4NwQGJv(I89fxR`jQ_btf}5zw@_iWRM31LqiwCJKIcN4SE!mJtPjkBS^XA- zmWNCkg5WCJK2~579o^uY0jwXvtZ|C!3o8@e?ndwi zsZ*zRC<5L`fBdfeq9RCuRLv}-FB1~3CyurG|mCxf0Jje#W!l@bC>%JTMD zVQFdPnE}iI?j@LggOm6z1_}atTvarkdks|)?>m(HO1koX$7r$l?e{paP$ENjwAaFh zW*v!@d-(;4j>npsTlHAYve&AYHjXq(Emn@Hf?~T5T3FhFtH{oU3}87;>7byXL{01W zir(Az`L6rVojOo>jkP#%H6VZyK7>%-=4C$eHZb$_p&$wm19=FJAOAIsWlb}o#L6+} z*V@)uv~utd3TFThVsgjRKmPdR70^-P#(XDgdDFSy0HcQ$15nyai|#P!=q5U23XjX% zTUczx$-gFhI1So116Y1k`Z;Azvs9Ounwo}7x)SycwY=%f`oIiex&2`yi3+lnR4JL6 znc3L7&>?skzzkqfG2nt)Cb|GG_Uk!#$LbKg3}6OupPqO;dSY$v6O-pRm2^#&9IXRE zD+VwFcu>vh=LQ;`)*yIstap@-d0qxE19(6XV_@rP0|Ns)Z2*_sBGiO~*HA~{6$N;@ zi7EWojM+M+(@kbGfQJ~J9?dmHXW|B6nhNizQKMWWUCH?qbR1shff>L99w#2jHK}nH zlc^?w`_4P>ye;K*b+Nz80A>Iy)Enb?s_7%=Q z=4W2nIl9ulgK<7GE}vsE(}G^ZZ`h4f9ZM=IAuKWuZ0ua+i zd=4(sj$5>#EnF1dmE0Sb^zkQl{asa;11Kric|>T`6-$7H7P9zViHmzBc~7&Q!^nTBnomD zloCL@%5knS0vey3PUkd7$0gDCIfW(Nw(vUKxgk6%mhPrdP+U%r;W>pR6=3J!M#0Al zA}lHnippMr(nXcz-dO}@2YNhqej3r#u6x8M(dWbK6UjM#{h05}09Ktx9?N;dr+Jt$ zsC4t@&8vfjw!Xf;7QH(M?Q>j3VI<{ohw1b8F3$tIdiX$Q-U3L=Dxe5~!M5*iem*O`>4Ok^4rF0ytM>x4hYF0jlzw3Fj7{D3^@^B93Q5_pDX8!~9MzYmNH>|yhq^?|jci9LdAW{=`Lv=J90A>I)VWOb`Kl|*9E1!Mdc(-2aG~+E2 zsiDIOOqpt-KCTFLcXxj-J3HG&lacZt`L+7Wz5uA{= zewwjK_qi6XUc19G3jXj*$n4e`bL`gf<^S=-l%%k-h6@R`M6_~MH%fY^Z7UV9C;Y}o>9*RG}K z;JN%c7cX9<@5%GQ@#Dw4fB$uLb@2J;pHutfS>XKn^Yl8jwPVK)_~esMfIJ&LzH{f! zUI63w_2|)~PMON7>&=oSOP2GBpUH!sAYa0%Z@>NaGyEcd{`u!0Zr!@|LsL`J7IK4k z+uPee{QB#!&sJAguOK&jV<-Rz#U|9(ap3Y=xODZW(f|jg=0jL!5d@M~S%AxSp8vzjA)-o4)t(qqSt?Uub(4B*<@+8SY=rCAufzA>e^0?g;Le>pN1<$MYwNag z>Cz>fNe7>P`YE-+A4e!Z_}~M254^UcqXV{W+XkeiLG66=%{Or9&>npS_omv~+S=`1Nkv4xGy;a;9yo9SD+SoUe?L73fy8oz zk~ltk4&jD+YTg5*y^|+TQozykVugX=UcP*pRvZX7UM~$W`L1J$1N|QVHgu{=?*o&H z;FF4qic7qfmzQ6hGG$7t(7A?&hB0n_AuBwBLRa!Saq{HubDx^_;_{d5TwA2|i78V{ z`SMX?jpE`fw>MYs{p3p1v5(Kqm}!>IAk$t&kDZm3wGb8G59C^GuH$uBK?s#&ll!Ts zo=Q+G@N$JL!A4aZdg0000pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17s*LP zK~#9!?VSfyRM*ykQIUnZI*I)424SLx4yiV6d4 z{6xb6{u})nP|;|B4NU}6fk|5JP=J;A2ghoERtJb_f01MQ(XXp-0NXma!sZ>H!0b5- zz}d|kTs?guE-8&EcY);TGr-Bki@YvaS^~-GGr-d)09-wM!8ah3oWJ|fF_^z(8F+XF zka~Qzb94s}?*K?h%>Y|RS4hpA1@Xz#N&9O*+ya4Nk>KMW0)e5CM1z>m*w*^WZD3*T z0O>PwVBX@Q_It$R*Zi{z64NrFVq+!v1%<(e&DCJZ99vqx4l=UyD8LGY6`>r+s7_T? zmGSfE&mTZH<-vmodzkYE;kjaPQ|W;PUc77tM8ze-g2H7mcVQu{tK14%Ir;GZiZaNU znG16ly$_4tU(S494JE6~p=|9&2Bs`>?((uVu;=h`$eHsVN2X$!c3(b06V&P zlCEuF$W*Yla|YkQFtB&>fQaaLm?E$Nzrav%aPc4@Ik|d4Vadw&t}t3?7Y`pW6Id~p zF`U4NR@#7hMazm7-p;{|SYd3NQtjiiEB*qr*T+g>`!MrvOucsc=}`7p<+W zpyYxN7`9uj@c?`K1%tsPlMZDm88gAlHwY#fnt`E-IT)E(5Jk@~I+-kO9KqDwnkj2@ ze&IRjT$*e&1Y!4N^&{Ja*NN6c~S`ud)d~H*JdpFh{ z1S%vgEiDbKHSVXW0GkPHVDFL77=TSXl;_W11UYl&!?c7n;tfWSq8NzgEGUG?m;}hk z&V|hEJW`gGQvmTv>5w;X5hSH&5%02STOaQ~0@k+9ovw|?XXnl9P=*hO@W^QpGBuWX zno+SF%ed~p=94<&MW+DwP0*4J1r-%Fhqy}%9G9Hl31E!JBD@$9LM!LRSZNIX;KU1i zCwCIQ!3iB6-u{r7nn}V;2%9HkHPI4xY=1iM!y}9ZRHz6)PTatWBG^8LmC&k-hMT(6 zHU+r*GVuQW`#V6zh50)MtLeCyj)5t_yrTX1@#FKLCc^wZL(~vr3NQtj8(y6H2x=xQ z#QiA16kv59^S%mdDrz<+RvLiOK_%|(Mo)Bi&!qrM58fWdc*FMmK~xbESo?dguCGQA z^8$?Xl0zb5+U6=Vir!o|FMm=u#li+sGqYj(%-LY)=t`VZ=)Ce^!#)^3O3j)D0U_bU zxn*hV1g`GBq|U<1fq1IJqT0O4UcP~(EIK|J1XlLs7@Rka-fi?^JGpta--GbpOs81G zjGO}Ix`E6+`GT9LpGci0q-JE3Ha(g9K_{ELw?75An{nPDJ%uQ`?z+Mt?(KE&-@kuE zt1U}PZ2`uF0faCpJPHz0GDwyW0xbkMGBy#S0M)dQ?ny@bU{HX?~c9 zfa!!n3p*os4uR7rAdI93hB6>yN}&*70-tXX0UX=JFjaJ1@=Hj~t;qubuPv~&ZBJh$ z4-Zodn3k9d{>(!lb5_UroX?t^= zu#T^rD=hC$8{Jjm@!dI(0{pV;{E8y1VQ(by;0_ST+ywp!!0j5qY&FMN1?kiNg z8k*z=v9zwk&eqbV08@Zfy6cSjwbBGjmJkcuf8P2+T3+d)DjXlC0BbnF_`}sxX27`G z4%sce2L$u*ddhmGDZmt9)w901RE;ztyL`I^B6eRRDouIvtW_rMisTaaS2uvs3FP4H z0Rl^VM(sM)<1#kZwoW9JWNd2Dsa{}Z2j-Tx9YR3jt58bH7_zZ<=AGw^igU2VvztU! zmwZdJmiRJ1EmNpJ#?J2I5 zKQ}Kwuyb-J+9@Hy+=i@o#Z}iG$S_qSKyd=b6oECFJRx3hYGy?sv$A!B$;RfK0OG2UIJtuF8kpnD zSBE*jxbPicJz8(fL+(x6nhvm3JkMQ8!j1-_eUX{_u1KYwuH?*_GbJiGxr2^@H56d9 zG%}y>ocPftNUb?fw71gN^Lvr(Kmn!zE5GyV{Q2{1C|fL?08bI}3Dx8WJym!Yva zS+0kxeu}`Bc%U)yfdVY%eP(o&yup~W;V9()^Ek1r-91)8`NBiBRA+v4mjGjmpoiG% zkfMqiNs=JMb*uOQ$Ma_9&gDH9*U`ePC%*f_Orxaq8Ju~;xMmk#7uV^c0E>-(Z``<1 zrwBOauRlaok`$~tK#svz1p)ku3XOxi1Q;hugo>mIa#>hZNe=)?`z~S1AYVQ1Z-mR& za^4pMr-PG6`yNT1LQrh(vZOe&CIT#%@DZOJId>HbD|Qp*l5cwyBLsI(g1|6mtUap5bMGr;3iC>~4!)-ZtO?!e-b6|1%p6-{^$mZ23^q_7h@ zbSS{a5bR(I`2nU7=Vl5UQv}n*!04|nhbDp z#FP&33ibFb0R>nILP#S)No0LdMZ4~=t5=rWQl(H*mjGiJ2fe|5fuWqSR$M_6SFps@ zCxzu-=Lra~Ob+}wD1z1S|u3k{o zL6t$CGonra<4h||<`*vc$~9XGK@zosTN2qWbg>QGTxJE0%k9YLhW7+8aZ<;&(YoR* zU)vam=CZIji>qyWQvvUN4{EVt-xpL*oW=(fuk(pA)Cd8Rl zn{EzkW2b&_lG;D50N@fz{NJ_2kKud-8zdVzejx5a&Z)dn$Mys+>~^ z)oMu{3b1;PgVD<9%Y0VTwJUHX+LdUpVzNu~`gDFT9awZxI|{H$jDuyqF4k|64n$wH zwzl@Q4OCeQ_DHnova%FlRq96f1+1>*&rku;CuMV_)|MQ)&x2L1H`V1_Xk&BYB;wn` z1m`5132ex`<4$?OOc{EU`OX!#&9{G%aK5vo&DSK|dsq7+Y5LYGgJji>e!6c9GzOUv zm5Q`Jmu`F90FTsCz0JP6+?_BnEsLb&am8CP4jdJm1mTg>z)d6@Nz{WqH6{_}FImRf zK6;A7qvOfSmYsJtw1gwYoMiuo10-qPip2YlJkpsyW;g2;=xovz8wZ}X;@ZCFZed83Z_2`XrIy=^ z(lIb~W_4Q-S|Mbz5Cm7+?c)PXOHDWUrT}Y(Gi#`{#=^3MxBVfJ9VFH3uw&nWD*FGU z0BbnFTI`Q^WPN@87HPoy;_)NdC*8Bxdivd|zQQ|ROSQIAp#W2WImf~nKI!%RXml(Q zsAS+^l9jc`2bPL@o+-c-;7)?sH#mvkw5K4T#g#|bxl^c$vA%t|u2x&#?_d?SzTJ)k zb0spgdwWeSNY)Wwy}P$RZ#>q>#Jt05mYr6;w6G;!YQB0*73AA}(A3Nd9C>ywqyS6k zO8fi!$0^&mm-pIUZ?|3FZA?$$)mLH1RgVBh_z*%#o0oY?+Q7`!lYqz_26EwyAHNJ^ z2}mXsUp?mh3M}n;9}YhLAr#cuIV6?D&0E${^-W>*Q zop@(VVY#Heh51&Td^y>}uGei-fF*mS$H{V(x~=%S!>K0QU%DbZot$t*vdP3gEI^gc`8$ z>ZmEaya10kFoOS^V5n9)-oTIo+(+;9Ahs(y2{!;!R(N%FbsexYz8)LT`vwFT5w)QoJ1 zOG*RZz;MW%mCpd$R*!Ry5zv@~6f&ndB08SD&&bYeZwt@Eof|^JqsVRwGjr#XGCU?b zZys3LI1%vi0TCP?4LJqxLH_(j%(c@Qm~BXT)U;$qliIEk6Ho3B&yQn{@$SZaX9}?V zEb_7q&H(ff_BVUtk#7$PAA~4U3E=YGi6bG$JaV zfE~?TH_oBbx+)t8|9by*9o$2yyav-&!# z!`UwJFc#LqEU?;aI}}>##G(KzfrS=YX(8OA+F#@t3M>Vf0!)PhOaZ1sMM(jE>#cW} zzxB5Mc8%1r`Wv-GLWi$XrK*DZnlyB_^QdtLQzkknv(9!H{T9c)3%>`gaCOlEIyzI; z>F=Q`d#wl=x9(<<1t_zY2E6qT34eoZz8HTGr|;LEVQSreAl^0@5 z4nV}Boj2YVcofhdr|N2Qa&p1;?b|n^;`Y>G%+1YHTwGi-UVH7eXz_ESqoZeU z+O(;{#Ka_-t8F7Aqa-{=RRJC|X3R8Bfb;Y77YY?W*VotY-nDDjho?`UuB)!DUN8L8 zn89;`pP%21ciwp?-p9u$YwXyuag!%cP89#5{`u}N5;SX^5_tKwL5&8I)z-*f6; z*FHM--9-w5Y;|qu+Z$gWIxt4G%)r1P5#h10ut?>As$9H{+}zv+;((%l@x>SW4jed8 zje6?TsePh#1qB6*e*E#r(^s!vJzrZ}yID_9FH*Gr>C>lVh5bvHE}al9x3;!UJ$m%$ zj?X{;ymrTq9h+ieVsga+zWY%Yv|Roi9v)c%jVm1BR+$Ghu5^K0A9#`aI~yb5@wXqt z!%xegvD67}uML8mC3bDcFvqqZbAC5@e{a`pcyM@m`|rPTxjj5SyAvK9DTN1zis8}M z)zG*aui*@LK8%6pFE_*8>U4N?rUvd*#&rT1zpocBUbKomoZ8+jT)1$lQ1SD*bLT!~ zzJ&T;fBp4a{37q(y?ec>sp)!6P0hx$XU`sKXlOWj`SRs2i;9YtZQZ(cU0(q9kBTi{ z&4Me`>?Nh&hyv`NGy{Uua=?#y6$iLr>)BtbKW(_0SNT2c`||4TZ+~rS)zQ_Z-Dw%> zT(`d$jUJ{eZVkc<3k!?HAL#h-udA!87A@1)*NEXkNw~L?42XIMANin;yeJ%5QUB6|^mbF|K_{qPH5%BJPQUH%H?1N|5 zFTr0ouMnV{s^a14zrTZL*Um9umO%6ADh9eO@aXIgc>LYRFWb1dA8xI3gGXO&W7?=| zFTYbc4IX}8L9T(Yw)}Jg?yL`krfq4=v0I_#$Isy2?z!;vm(y^!W_l-pM~oN|&3tF8 zyKRB->9~0D;-zST5mUoK(hn3e*=ml{=)(UUHZWGSEI2qg`^1S8 zd$6Y_TArDiITs)NqGfh=cIgNbmt{VA^5ove#>U?eMsa{q(P&(_aN#)DeenT|J;t)K zvXzGp9jZaKwY5#-0=W6qhm2(nCRVWdl?&Ep4~1_jb=?z^jKQ#!{j+z4u8z zJp8PjKu?a@5J9YXQ*|2L-?xYy(_Fs}8cS?nTHvEA;lZ(01aP#x_jcuycAs220QYJO z2;A7dD8R#p4U1w7=pXpEp;49j82GCkqp#2Bn|v?S?{bYV8jKp6#C5EWj!vYLci=J? z|DfeU9X@ho`>~_PzPogym1CW#zCLP9zOY_*h+cHeqN>`WonQZ4bNH(>6DAp_P{>qQ z(PF2kr_Vvf_dPimyX$x!J|MX2vCBPr^ypZ5j)8BL`}KJYi~tM26R}|j{lQSBUT9VI aLjOOKw%%QyN9Wc60000pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17sp9N zK~#9!?VSfyR9Clvv9VBBc*dyf`Ck0vN=)%7Dph(f0z>ZzLk9sVA`!5}h9VfF=Eoid z3&xUQ!EQ{55fe+)nDA@jZ}>G46I;Zt5%;_Ma4!zSy+fNmXRo!_%$#%YxtC$SyU*GC z>~r+=s8G>B88yo6-H{`W&2&+Xj7*K_FMx_BOSch5Cih2(C1z3%LaIAJ`wTF~;mpG;y{kpmau!FM)tl#=Mygzj& zxQ+7x4{tw+PflaX-63USHn_Tr$m`5`C6JPy4c@+i;Nj&5et}`+{2lub!;HBLz)KWJ z>haal#S^@I0wFOq0~}mDAT@I`B&19v?XOt30fNG#z&9Wig2JMR1~Z?rtyN{4z}n6k z(zA16`kbQXd&J|He^L%fX_>HWO&RzHhr{ai6=1_0yQp*}WaQ*gfK>=9LfMN^{qpj1 z)925h--C9_y?gg|GUxTibEV*>(g6!RXTgUM9iId<3m3q&S%t8&Y$Igl=EM9CmqNy* zDKKsJe3(6dA@g|&lq@NQr7PAjFlCW*7cN~6I}aRz+^HWx{s(g*nSp)Vu6;0JVh$`` zwi+@goh`b*)#+F?xVU&YC_$b*dsfH7+(XB$GIe56fV(7U347Jn)<%Mg zM8`p<08@ZFZE^LPG3`xI6JhShknLV~qX1KYsmSOmGujW-R9L51cM32Cm0)fML7UIuEdqe+U?jHfvEfA!8DV{DNV$u>}~LS%Qg~HBt2ZqLazS-UZAp?U=GA z=NF!X&ZRLXW5Lqep+#F5GUB@~wk`4vYEg#mVtc6Qg&rT9NJ2~ExMbcogxaP6cW$iP z8#G9sJb6;fTH|iI3b2KhJ?uL8B?GW|i}L&#vmtlt42VliBi>*HDVl+3>dZojib;fw zoGFl*lSj(3atk0KIUVw*&xYjmEaF|3Z0oZ<2f@z4t<|;h_?*1yEz0oW5D^szq2ptT zrx_K?v5fEjH-BD5yyz6*t_fPQS3pBW%OP&l0>`JMw*naBu?R1QgwV=~7%PpTADnpM zhQ-HO7%-bKdRJ3eNtTq6ngG$=ljh^WCo=X9iAG{rk@rLjGji@RlsPby3uCGN9 z3j&Pul0ze7n&v7qir(CDq5x7i*4iFYGjm|#r1!zm#e+Df(0S#>hJ7%6l$tde0z)H+ zbIZoT6+ArsNS(ElzsMSek~Oq`GcR<=&$7@Rka-fi?^yN(kz-vf7V=40(3 zJGX$jZV+=%elX74U!u+iQZsT$o8HX*pp(thCx8On&Ny%1jzT1^`dwuZclNps4GjnN znzE#{7GO*mKnQ~)q9JiY2Fdb4pgDk}Vv|4|pG*=6Vi@?sF}%apqhhjy$Um5*`C%dg zrW0}&Hhaoc0;g|aI7tr-V?f4~LJnX8pIH7V@l@4!bugUzquj*<3WDl8LXz4C(XO83Q zgu1z0d3)MuuX4w?=R6AV%dYdQs<4Kgk)(as$hEKwEr;+@H*E!&I)fZSP;IZh zqcn)+bscuLR!<5r1z4lI&X`{-Pp}jTG1va{#uxJPO24AP@nH(EjsuK8TtjsRjIZs` z9rAlXFb}V%tXG->OaazB>x)a($P==Qx1K=cjw?jvDUY8uDx_VBT;lH91~58-oZY;@ z%EpON$5!>YjE$XxD+wi;np?N3x3YBvOB;t4At32hC}m{~**m!j&T~e^IoQ(KO_IuG zLQ#N)$G(P&=;lUjy9Cjdze4um>vC%o+e1}^{QdXe^%`o0+g=mP!y9buoypo$d?|n9 zME>CD>PfU!LV~3|S?`Lku04=ps-R?ymk(f}b*~V7%#Lbnl7}t>+*4j-Up|TX>=Mzt zkDtq}Ek%Z@G}H>q1Q-Fu2^eFo?8xK^>3VYuTLPJ_gA0r?wd4g5SB1pM6++j*9ABY2 z%=yKI?}X~ndSf1PXWG_vfaT(OZc7rk))MWCOxk@(F731>Cr+Fw(ZI{%eubn>k)U^l70(gLi zb)zZ3ItXy5<~(<)8@#@TXh)=U*C}#N`nnpW-RFS=2PSCP#10Cu4g#!{?z5!){QGUl zEjvoIy&1DhKgi)iiMn5xI+VasfEr(2bj=?XLw)6rj}&6 z9=`gqRu04ijfoEwU@7l2qpvF)jH#;+LH;L4h-Gc>u`0?Jenn4n=0~>)Fs2B4Nv#ek zshE)@3qoACN(gW~Z_<=$g6HBoTA1}DbYGZhl$@T;n>UPWcHwn#oh}Nn)cE(>wQE(X zfMdq0{X}I+!ScQ27<^R`z^`i1IJixKaiT<+M4BLf3Yh=#cB0ZERIX%z-`1dbFa=o009LvKi%&jWyosn}!UI=^R#=t7PUz65 z0GmRvl^0BLiiSAb05BP2K>=0+!LH#zPy<=KsGKOu-YvVy`+qK6tMdC|bA)?qh$BlO z0FN1M0b6{h!Zq5Zuh2D8Om}@E~;nxMI^DSYEOkmK3cfuc+!EYD`N}t23PF;zg5{!I0&6`&8@m?j6UxZv^ASs6l*CGr*fv^M zd=+XNuJ$cN}qtx zR-21SCOWuz`jUhLK4%d+x9l9BF`y7*P3Q%($d&XoQ$R%$Lz*W9Q6VJDRLK$(K%up(ih& zK;E`>KAjM|iOL4!)PzW)?HVViiOI1i5<_S@VHW|$oLyYq5v{3o9cLlYO7rFX;*N!6 zSy`TZVT2!dJw!;k)IaHEVe!F%)*EBKt#XAUW5~k+&*cjTb(hu3o*0^Pv0cX;DHy9Rq8rBkS?w$9I(h#Sda{_$l6(ymnOZJX9s8 z5^B|wIuu~-90#M78LseIO;;|#C9wz5PQ_&B<#p-&PCBsYqIMKujTi?jd|j+xqnwGp zXl!ikY8$AE6zq}c(Pd>Rz?#&J?h06KNqv|V(Z@@t%B?LWbf5cZT5qb&xzMJT#7QKy zg$d3{wy?4%^Nw5P1v6#nO%^(rYg=glB5uC3tj*VC-FsX6BI)|pD!moejefd&1KbEU zBPthZd@kSi_yHcQr+J%wx4AoEQd$;C$>WQ+VjMU+HW?zK;$WOaHj<!M~D;1%9gEnHgtjs8IwpIUp5j+Df9^hS^GM9%BZKCn<;R4*}MKmMCB=Wf{aO< z54?sc0$w9ME!^A;GkQ`pCzG6C%-fZ&#}E&u0t)Rgh)cWr1%^XPdN!|hP0P$BI~QUo zi7(EJZIg$Cz+?@a$RTv^xb>+w1-MNsj6d4Za?R%PeUIqFct`nX3bAcB-uhD!&MU3l zUX+f3sWYqHg3xl1DMAojdAE-bFg-2Z;F|)h8_uj(-uUs$ zFqRd`gc7R9oL?&&C&7n8J*ycA#xaGRF6A6jBf9uqV7 zZ=%;URkF7hIISqa6yQ#Er{C_VcUq0$#aOR_mRVj3Fa@|n5Tj%3jh;Pw+G+y0>=vO$ zEWG+!3a=o*BaBSo|3(^Xm5wknrT}-*JKdY@ijKw&z|<990|NtRy{6>+{#p(%wZIhM z4#$amv0ZAM#blyR;O^VE?^6k@tBvDb3NQs&uGSdisl!#>t-f;Q%2{@-`zGr-@1^Bd zmjX-ymWws+$&QV&Ta8&gmdXV8+_`gKNPs(lbyW4xwf_Sj!0B1J5EGvQPOhG0fpuJ& zBR*v!S^Em-A9FLWY#m(4-oZE@8JEv78f{L_;Wq5Xsg8NmXG2K17_4ob$((Ak*D#~T zrdG|HhU4lPxO@&S(vDlSU|YB-ybE(}T++vvY3JoN%$QdX(jLwbbCNMvngXmGYut+k z8N04H$Jl(%oH^4K0qv6~PadMh*K10`f0G^O_GZEDri%|!K7iwr(#UHDH}Vb)AK_w6wGYtvd_t+w6nFP{QJN)8+47mIZck_lC5r$&ivh ziC9E$zhD9sXY~-|$@w#y*R(=FaSg3h=6tTL@eI^xS^a~;$wp>)ENXaEEKw74Yod|S z2?T60bKNke92cy^Md|Pw_+a3!5z1U6IX#=e-*i9e6ks(2xjPH90Snq7wwwJX+tnV; zc74rRwUl^o!m1Jb0CcpY|tAT~)tTYF=q;{7$h5}0grT|l+08@aeP*GEW-+Jr4 zg>Stxe2Y%%u;FX;BtnP%sZ!NIeN7(v{+OV*cYEeLtFvZ|^n8ow-ns8VFG5?ihra%J zZTfqtDqcUfO;~wN{0XSDF0>N=Q^wz*m@g*4-TOyB53hf78sH)NWyrw)N#{Fu@IQv8 zBp1v*o;-El@!+@#D+6OwmJJ(j)O@VDi|3Y*)JczgV$+&+XCyd_5tgpzK_1 z$zF(@z3tjNR$c}4$EmrRl9E!eWy_W|sQA9cL%K(gNJ~r03GVLh8Lz$enppZ=u~_{6 z+O=z!nVFfT@U?AXVv>x?|tm3{j zX7HTo@9&@e?z`_M`1<;04I4Hre$1FLNzz}`Z_#U>N#BU*4bvRHFV)2_q-0^)Hu$i7 zJ1pK*2}>BwDO~g|S8wd#zW3wJmEe;w5!@mZi4M20Udz=d6<1bIUUvAw<}ZG3*m>+< zS3W)b{SOob#p-gq1#Q&(4awz9Hvy`iCDlw|$Wr%%ZW`{&P}|5~!#&dx6N(4j+H zzxwK{%B@?su8oO_nIaAFt>S&~_*5O-U0(zBN#$@oeG^NsHESNH`1#D4GhZ-Y zLiOd#mrvst`PW~6{eI`po!>Wa-n{12sZ$4QYio~Qym;|=QBl!?jT<+v>H#Zm-Px(zfQ%-l;F6M(Vs>HsO6K>vYQu&NEBGw%qi-)0@NO?X3=gX>!qZ>= zfM-{4Gw_u&Q0;;z|Ehq@Mqq3xH)eRIrh=XU*UG?5qNy=D%>jC+X~=8g9eG2?`%oC zEigVE=ggTi4=pePi%-VV($dBFPda(>X72n|BoNuY0!T>&t&s|MdIKs&CH!L?KhG=8W#Y&cigoNaL{q@&7 zv8N_ko|&0B4IliHWsZ)H=?D^^Wj=cJ=&l<#Zv2WcN&}3FM&sPMb4U2@O9)`>F)m%Y z^rQXz_isjZaBxWD1Nh#KGw^5bHevTEw*=Z7Gj@;%2Dba~=r2rrUl6$Q zd`W=&_3IbS7|`GFZ$qQ1@G5~B`uh4&u0BBv+yjCa zaynq};O1k840~_hC|j2*Ngeq5(0s1mps%4gW_EdH(YEh?*?i#J6C+2PPN0x!uA;?G zPfwqUitjseE_T=PJbXa#)nk`?$dDni${Yj#k^O0x$G`|M_nk-$JLnIFD)mBZsu%kI Y0saRia)*_p@Bjb+07*qoM6N<$g7ZM|0ssI2 literal 0 HcmV?d00001 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png b/src/assets/cinnamon/thumbnails/thumbnail-dark-purple.png new file mode 100644 index 0000000000000000000000000000000000000000..f32f51b0ba991f9f0612c447fe17a4694eb7b903 GIT binary patch literal 6204 zcmV-C7{lj@P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17s*LP zK~#9!?VSl&6vwuJM@2r=FFcbNzw3SR#+R6dt3+j!9b^?4_8nnB_C*ko$P$gH7z8zH zE^1uC1>6!`aKSaWC2@%wm1trTpI-Imd5wvQH!cy+>r-@3hM{}dW}iCWcfOga>aK2v z`TJCzQ>RKKqC!OnWC2|UZ6h% zDmo0X}13bt3gSTHGB&KFE6xoJvT`$_2lG5b*X5guswUa{jix2VnZ_ zx!@}fA@%s`>h1%+{vnW@kqs{H-jItgMEhuqaruwiXAucfmW|Yl^cT3CQqw4iAxu6K% zpT8Kg^QOYPGv9}q@6TgCFM`TNRj_#3N(QFM67wd;gS`QlUGOpFP&2XvnxJ;Dh5Do0|A^pcL90-_GoL;)@)11&shk16BsBQhqQw1sVq^B7Nh0$7fg zJ2Ex_EE!P4qv9BF9m!|BS8R)Rq16YjQAI_C8K^;?Jb7}Bg}IM`TV?9Rq5$_u&=U4- zZf=eN4T*t+OaZ0y5ftn7)R=NFw!4$kgi zZR^C8wK~7>9CR*?wipYx_AYJO!jKW)b+K)6KxmsXY!}-@MKAP(gk%z0l1xnHZ9}MS z3UK$vy8S?h)!L?tuI zAT~Z3vh$}xPJSUNn_N%~NvT;-IBh1RW=$sEW!bhq-n9>$Ts+%d8;{Q~oYtlc9}dy6 z6Cq+k0`WAXVmX%a-GALD4aAF10q&WgC3_BZRP-F;4lQtET2?!NF&>NXVn_(BoS3oF z82Z797vns9NcaXPbolxQLrO*t2{R#VevH*bOWd~oNrDfLC>Bso5q_MwffGfreGDt1 zRhJDnb*60!aOb7({rmSfgN_UHcl6iOaWNeOQ-B4<==a}$KL>gu%-=IW4XJcZm0T>-r^4@OrM0fUF3b69v?NW?4YWqKlYC=Nm zZ*=SWdIYf`z&I~CA|}3dt}>(O%^fceCUs-&ogpJ9A139!1Fr7g#5sk|D_=J3gW;o$ z$x|RCBAPh299%rW+b59J**m%sPjysWt2bF37)r_{Noio`IF1~H^QO_ejb3bz@nY#c zaQ9|C)(LV8ika(%GWQe+Kq^=JD;@a$J`G(*?jziDZrhK^A6}LM3RP^8iTmI z*S&xL{ytG_mXzKCj0pn>VOVq=B&TPSEFT1#12{Gz1tf{7B!M8FfiDWfJ8V5FCOe3O z!bqAQCL&-uA!lK8rn145!mdSE02GNu%A02BBE!wBHmCWfgbiD`dAYU@NE0C;UX z2N!AjB6)aN+rz|^3*ZFx(Si|l}%AQ-~TG)kFLU^f{z5-00SccPe z?%z|Wwl?2W8^p@G4m(@RhyqLj*6FS@=GQ6{ELB3xwg0r`nXvHlgpw?+?c3GcIl6+agG-wbko+o?iZX_r$9W3Qb4JBE z*z(y;vdU#bQGkWVzNV_^=0 z5V{8D_zKlw&Mz)}CsdEt8}pF6)3%`ltQ604N0Pj`nP^WWZ|7B|w9}ECJbAKG2Pb#X zF|dIGjFv{_^PN*RUVx0cb40ruNngQc^w)DcL*>}l!%l`6Xdh7sEQr{iuPT?ltH0- z+}{Y7ujRcj22M8*U+Er6?Lts&?y{mdvLOPjmhh2~>^pl6%9d;+$|q+o-%wbuCV&Tv zbSKS_j)4sjU{lbblrN}-_dnc9R9=M2)eP|KIusA402>&gDHx~ri{TW(92LP;G0jA0z~1_y;k^2S$D|OCwQz3Jc1U;(Z^8n`jxhv;$`?mQ@3yc1C#{)dqRWh&};~Gp#V0pIh>kZ?+VIBx?opyo(8}t72+lW%LGE9a~2}FAQDQ zW~E4M8?7t83bl=KXg&*zv$$HfH?u1L{w3oP`#QQSg+EF928)!{f9GZisL*@z;SqTI??}KzoNrq?q6xv6u>Ww z^k^!je{e**&BbIB9Xx#kNWuZ1vk0AAPOe_y7ZAeRc5rw!IJtQ8rUYUdAbPej83Dsp z?J}8|`@vN!g_0F;za(6Uk8d$PgHL8~baWiAZZPf~I|RqG6Nz>tojr~wGjt-16ctN$ z5R8dW;@#H>Lp3Cn#Iw32#*e)iz=cx!ux%R#RK6H9daEO%B?Mx=j3x&sH|E-LWaUY| zbV3Y0`TB?Owr%j~gxF0~HyEeWV~BQYoSZ2k$DT|Mr|E<}1Q>I6adk(urt)>1g+wdO zm-CA|7LsLUdGdu3e%$pCA>~s4B8;!-o%lQ3n)XN&MhaVgPyV zs^EF3YEC88t0i?P!1_53Mk`~c@>xySufkP{H_>jzWakw2==^Rvu;`+86kweg2djKt ztRG_Ch(2p+Y3XSjsHzm~k%;KBvJ_xl>PGhjtd8V%q#eXk00P6BHi2UyTjcHQ!*!$lsvw8E5?E25>g>Lb|Q?I$wrd(U{8oo zf$6j7^0tqj;%G?{S=qAv&W7V4Jv)!o@ns{CltTXyP_(a;kAix-xtR)=m;EKkoTxJ8 zUg#Lo<^$j1s({yAq=%cEVMb3z&J>dKi+Q{9^%&y8R6wB}261WEz>p|N%gW`ou9-On zWamN*CGo|1v2F5j5SXli6FCIuV%s=?9|gEWD~vzdQA*9`33!X>e-d4lpDDz)-E#N; zRN=hR%k4$!7??V=?32vV8d``J*TX(uqxq|J|yzPlzJU@ z?AupI|9=!<0|!{d{&+B9SPO@_y-HdV=b&~+pK2UZq-YB7viNBs>f78q1^|qZ5+W} zVCO;#u!631aBy&wi2Pw7 zFW&g^pJ6OJk_jbLk2$|~4&wwL4gtXt6yR=5?s(<)?c3jio(dcD9i-!3=S~BR7FGyA zSt~8L!=Q_Y;EX9OSG2dV(2A3PPWEu^cH0zS#a`*xRXNR4Q(|FZ5g}?#*f-Ykt}`72 zQ-BqYhfPIl$W~IPWM*bg!rp}*!Ak+A01Ju{>(nyW2Y7K@&%!%EkKm;MQ-C|P!~@Y1 z>++bGxqk~$>r}~pdf>F808@aw)t!F5tKMlXf)``GCVFOhDZmuqEJ%v{g;1T8)@b{5p^h!sVkD&nf&^z6a?TU`V4ZyS&UK0}&H&JVH{tJ2z zFSWoF;4a6B`?6hXoW*3JP2ld?vuC4>)z!!GE(MqZtW;}^@l-QScdM^ozkZG#>%Pi* z&im@Q)ujMafR$p6jo7g{U!H!`Q1 z>^02j7)v|prs24H1}>k2i?rhwE!Y+=3h&Nb8<+G6VA}cf8dl7!H)#)Nh>cS)SDFH> z9&6l}1sS`pILFv})~s36Q~~XyN00u47GKnwg#Ri#&h5v7+shCiq<9_Jb(pz+D+WKMI8B#FGw&M%aqCo;$Q zcVfOX1z3F+c>rq-U*TXzr_$ZKcdvC9+N!FmO0@1Qw6C)d3R4-2+slx@cSRQ1-OCR$ zCr^R2tUO{7{Q|=XP@L66kf#()m#%4rfZ`fj8O-@yTN4BvM9h>26Ar}W)l{)!E87C zRko`=itYMZvuZ2z-hx$g_5tt;3+y1)${SN?b$<+u3+!R{oQ{EYql?{#?Pi;>7TT0` zHVtC+B~}NqUE+Z(to>PFjo5Z5wA6`30oDQw%~@#LII`#Q=y`z z0KfLyTk~Ff!)%j5>Tt7_BAL+P3skA``^6Vul*pee zkx1TIy?XT$D=VuszP2qaEK>0pT?Kg9uwfH<0WK;kD&-VEH#IeF+q!k@niD5ZG}PAC zF6X{9X7HRG6cm*E=9_OO1q1|49zJ|{;^@(%Q{=y><&o>2$lr+NP@8IzoHiGEhsqz5tE;|T6d~qF)uRaNDBpYE}%2ueExCz#$ZYA|wr|g7F zjaT6FwP&C@VH0f3-Uh2<>&P*9EO*S;2fiim8!HaO@l_|KzyCFHb#QU-Wv2a8aCF5N z@Kr-ItV`YkHB4Kd6z+m^+b%-G%>7LH*RZX4Pdk9|`+D~5S&Q7msr5~1Y3UqJ@$=cU zXAd%8Leux(e}4wQ$e(}y`R2WQ_ionJ)vY{z`t-i$=H{bUu3Y)7yu5tw`t|ES>IuNX zaS2t6Sa3PbpS|FeEWp93xe%UN071;FJix{4Pk&c?u=!eH^+nkE*|oc8zQ5OEY+^#Y z(<)RW%NgaO=Z4B#gXprdvU2$cIzIdx8X9V4%goHol9nx7witnwZv%}7^E)i7si|2i z53pD)p8V+1qu&tH#>U1?^5+TxTv=IJ!7glH&-`AOuUofn8J`9I?!+|$-v0SbaQVLxPJB~?3%T|9l(PJ50)_B z*`iKcV0=2xnl)<XL>Ps&VE8^-+2AE3XXV%o0Z~5Zey2j5>jvQr~P9f7> zMT?!4l~sa@@4Ip?cGvMdd_eHkW0!mA(4h(H90S*8eA44FFapedCvw9M`h%fLz0kVq ah5mn#v%m?bAf+Gx0000pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17s5$I zK~#9!?VSfyRY$jgQIUnZ!ZSu)&-LQdm1q)wMX5^f(t8JK(t8srDpnB17&SqS`Wvu7 zED09ureI4^6O9QmiGSkLKPK-biedv)-0$q+9K2l4xwPBw?6vl~_ntXtpTp&TvuF0q zp3%~xLPZ5->Qs|Ar%W+4(L~kPH`b@W04l01119SmJ(x1p7&KKUPo6x2{tT$7Fu=ym z8V>M((w_kpjRx4z#9S&cNy`oeSc!jdtPW&#keCh>IcEUP zx_W_&hY!RirZUH!At^l@oSZ$$>!Q+fNJ`5F4{v{ParXfq{}6KhzN06hc-abY_w*;_ z_-g0q2JT+|5TB9(wvH~4k~s(BlG2I&jUQ}>fY1o=_6vr9kO-oI%xAQaceRzX5)Cam953BG}$uz6cGSTg6Xu6Q3ZatkQH3WOD*9L%UrRaKSo zvuDrlLl5Qt{rmfw>xSU9VsKOGg$G``;%$hGO@KuuD`5WO5_rFI2V~_H!t%G*K}JqK z%wMt`mMmYzd|nIXYb#*g#w`p?S>)PP>o&mtW1m9ayoFG>a2X^ru0 zSiF>g9WpB#-l^CGrZX(bag*tm6kr8Ft8?hkA#0GLw6(Q0Gj??u)n;L)(gT1Uojpj? zHXwKwSli76pMX%XcXEgDs5qEmZUepnA>iQbPC#;U@r07{cRHHF=%Jn6y@ml<=LiXpCbrOqy^||x3E*+`+#wM$V9bCT z6dK8ZYehcev!X59gq9z;+ACMCoCI=^Cr_SSXJH5MMcda?$!gxCZ%-&7{_A~UK|oaFXzd4X&m~&i5K=x zZe;idCv>=b`9VTTCK+Zz*gP1oiJrK#{dB>~Ba{V{Q-mKUZs0@_w2#9|=+#Asn|flK z0^D;M+|<;x8&q7FzhkJH_KRsBm;x*)+K(SUz65F_%-=Ii4I!ogQ-Jy5#i@^=X2L=| zfC5YbR`)*d2vAc|vp%uX0E_`D@n|$-&2{zkBV{uzY#=2w7t(X)f}Nua2~J_~%AFnd!QrEntU2Hx97cj$ zmbOmd;^srjEUX+zq&hURJ(}$46F`nd#U+8cl|4BJ=S^dD8>84xuAUvwz&)Gk3~R{F zD`M^&z&w)=xO(`ClvzSbMlP}G!8{KJ+1$MRD8M}&=N;Bth@$F#R~W>7y>C-f({Zi# zEGe}G7!w8%!oaXdh)>QSSw09f2XI780z}0ok_3Wi2EI@n-eJp8G1H;|FElTiSM{FOtf` z)B+*+EX`>;5A82hdm9?% z2C=m6!_L;yrT|lbRl4bn`L)snOO_CG_Mf#qmsV8zB^4eYrT}X=!1%+}Q)a;UYzOa? zUIoEaUaf3YngUD#Rz2^FOVvmdvY&3ZK={5JM5QUsPugT+S0tBspt=E!K_G{j?qF_d z&!}COa$Ls7+SZ8-B^jGqbSXEtvI8?q+fGA3;;T?f${4b-pD8%c85QSXi)S~9DwhdG z0T%B2>dB&+8@A^fMArTW*(d*$noYEaDhqk~^ywce>V>;s6U)T|ENvXf+EaWff3BXs zVCUpUv`a#QnGIR*im$9EkYTEz=ol{_z(VU@A^4ab)!ifyO$Jz7T76$WiT>ys(R2xasnU$?07#N%J0*I?Z;^YdUdti>QP#Na@ z;=*@A<>g)=+@a)5v_j zbHayLAf@IK(Y{K5ukS;$0|l4@to*^NOP4NfkOvg0J1-L5e(twEUwh%!LwNx_QpK9l z6krVmxKDGQ`_&BIc8+Loq~gE@a!uL?=j8UB$BrFKRlk=voYb32k_W&t+(AMwaX0 zE1zL*OCr#i_&@;`i#{{@s=UFNxA_DV{_|7fS$le}g7Sr5(o&uI(cJ=!DT3}|t3!$^ zW+X|15ZA2|0vxZ)$)7KHEv}=5Sx-XGg_%Z)Y1zDa!?l4DoKhq946=BtAYT2S%vz+-2#jgB|=2f1o=EHs-y})(!NWWGALAz`y1i%wY<;8 z!0F)R-myngmmw%NcUjUnvL*s7m*FEJIsWZ+C|SRcD4$%sdQ)P#oB$rJr8;Sbv=6L- z0PBGQrEGOIEPr<|QE?GEE@yxzs?c~a1z5uXmU{q;Pu^a$lc;FI19uF)up)(>(4j*C zHilqxE0|~R1aVfjU}RuI0agORrr{`10$H=ViYUtAT?fhg_f~CH_;ay2!b4OfkR=m< z4X2sF$38xACpxl2FNOqzi>WyUSP1|gtqcHH?>qz>$~VK>vd!cbRT+d$FC41L0Iza( z?F28U^??BtU?mtr8Usoqo66RA=%KoLWqB-B8cOOGU>wH5Xs~ZU2=7=ct{{mkSmNrF z-0=&+!35Z*WlNzkH5ndk+|U8Bt==iDQ2EA@F}m$I(}OIA$Cq)0 zw(+^bBV#GR$_jAhveg}`OrlNzW4a&0B9yjAb_)!RAbS;Y$9@P4C9vKr$cKB27s8_* z+u=@Z3_0d1(u~Gy5#E^i6hYhZDH#OBE<;SVPT(-pjoh2}S_b?;rVN*>r2s1_z}1V& zI;k?qGe*=2V4P`%$^6`suY9wm5F}AASncW6?r{;?+0oD#A4@*}93Bc&MOKPL+vr{K zRme7uL-To9oW<3?y{Wn2bK}Nml2REdzzUQ-3lE##P zWpgpnM2DGf-X!6GFIa@ZEo(bx@bLEMwe1%a2G+JSc~b&04G<&Sn2dnKRb4WfnCHP& zD}|C3aK9v6h>veEK8;Uiu(Gmpl{XlFo%s~bX2cThPI`JCO=jr9Fj8m)*+DQoI*xZ= zBOIzBLrFZVOXB#kGXuC#N*~&u&Vb4{#*9na28Trvi1{*_EUg`wdq-Zp=PS{U?F=rQ7cSLV0UdDMy^wNAezqn%| zSyq-OUl`%XT@MjbF7;1*Sy-$%(0k*UZ3mGCYRSWT9(0+d}&nar2!eZN4Vy*}K~pNz=Dh86vA@bnC(G@K>M- zQK?AVGwIsn2Y8H@>TUMj?e2sLsaYf?k8ivc$AKeb5+N*NHn@spBZ)?^XGJGK@v;@X z_Ayc%78OTUw(PpIp*dsG42jK$ z?h|AIufCQVZf=GdJt>)UNX{?j?TVM<5D%sT3hgk6OS}5`heA?XHm`S0&CDY^7vfM7 z-#9PYCY6K0WDT6iA@uCH^{EF1xLYrbKiX+h&F1lbi|C_RJLzW%v9{Z8|DP;^S8BPv zDD4B&U{;R>q2(Zxg&?@nwvQEI=&f-i}HlH&CkgVf(&=RrLQy z0oHJUwb&o;nELwq?b3kv`Qt~jPr7IC)%wlZ{=z$1OSQIAp#W2WdHcdReA4In(HK}F zP{|;`Br9)^6_$!do+-c-;4XsMH#mvkw6`Fj$CXFZxyw)$<9+*cU#<4M-=Qk(eS16( z%$LZ}5$!d#AX!I3WyY4b77yKG)qN^k&#ibR(ry}j*2&(X&;yZEU`bV zrzMAMC3#9}YHB*RF4PEK3NQs&P_)^gmcBZ`i~V{Q-eGD4F9nza+^r`bj-FVR`^3!i z8)>yql^mi5K`RO{1-MVm>509KPAd_-IM%DHW}cS(7Rr3&D(TZHPf z@am{3yn+Bv);EHGOfgg|ovd$20q$pXdI;MTorW8LDJ#6Xy1EWp?aBEg)Er*wfhoYf z9w#2mHmPwIlaVrkd*sNG4@JDLI`(%dz!YGqdSe_jg$rIemmoI-J0`5pQP&G)?{ttWrr)A|qbZipXJGqes)^TNy z*rar__7%=Q=4M`5**cQFgK<7GE}x@6&6HfjZP<-d9SasLfuPVRu&{Cnda=fyotm{%8K4`+zkOPDK70hW(99?XJ_ zO;?;_Y`S#m(gm`Bwxy-z5qf;B_9Xn**naL17Tf`vSdsDpJUbzkyv8MEKtxO;q-5km zY+@?-1cX86oI(cB_HvwSjDSYRCzCnN;ZbqqeMW9Uhb_DgcWwv{izK@#h3i65;LSgX|=H6)x%r@kBxIua9NU@#?{RX9}?V zJn}Hs8;;{(#-P&e+qbXx721l5igNVsEVL8Zib7As;||c|?_H7yc69cD)T}v>l$Jw0 zqK8i)0gCf_2=bi5;*K?~5Kvr0D}}k9vo(u>8a=CTKq%SB49`Ukjff#?WNJY)JTi`e z9mU)?ggK52*5RUbcn_=?xO)UM_ef03Ch)gEPZ|YS$v_^+!mP`JHkxf_zs5GTr?E|6 zQ&!DH-W##1&sG5ASYSu8US5YntNMLlTwo8I=d=&38cpm$Y%^Pz_0W23uxTW#qgWlu zHi?I`unuK`)n@HbXlW3O0;~icn)A{e+@d;AusS_q`(GnRt96^<;3hFD;&;LrGd&Q)7=#&{&>$vj&81-sgP*LUOnDWCA zzGTm>H_Y9O=#Nu%H7O~nXxFY?TTtH8 z6|FG94uwY8P3uz%&sl~ba}t*xz7PMkQg`}5B~ zuid?S_txm>=zMX2@0YKD)(hw1;r4CNm>3U@>8a3|oCJ3>(n*5QR6}D@ z0^H4;19#$M$vJo~cTUS^pS9atvlC+gImOT4e*5hw%$HFA>#x6F z#4qyh-MhaxHa7lVQ&Y3$!i5XR8yXr;|Mb&OUzC-Vt=O?+$NT*O*e^1sVl4|Ur@6~k zpBDw#FEJZ}QuDxYO$eV+1O#j z#JxdSNl8hWc!iFYe_dT&wdk=)lP1M&+_-Ta0x50-od@$fEUBuh+8_?Fr>AFDOH0cG zg!I_4W4pw!6#}@tynH3QuzfA_d)>5s`}U1|9=P?ZF9~=L-dzhV^`FDjYrnv=n>Pu3 zO^X-7lOKPCr&q7S!>URG+~Y%a(0u$DG=Flk!$!;LQ_z^249$lRLCdN7j^j-Wi{a7k zUF05kZRGh?Uq{CRj#@g6+6dg}p9hXD zt=YHo==CSNPW}47^*{XnciovQKTybItN8{~Oa5!vuo%%}K|w*er%s*Pk1aLP3p+Vvp={X6VA z1;mTrUtS6iHf<#5JpO1e+=-k0!UHq*9_`#g0B>5jpuNIiz->8mnyEO}5xAQe`=S63 zA3i*iaiIUkzYU$L%=^F>{C&Q<66F6qr{4woe`hdaL?Yk0IyyQLPF?{koc#hpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17p_S} zK~#9!?VSg7RmIkTL(2-V%tJwztY3av3Tl1`kV+~E>AiQ-NG~KLA(8?-T4EsdXXqjw zDH=-XMX4g-lYk;90uKazDxydr2@v)_dvZ>=xjE;i-F|1Uwb#9O=A1bvH}^YxX7AZE zdU{NlXrK%qZvM`&VJ7CfsK&--#_SisM3be|5><;PK6Cp8mJZ*p3N9!RtA{zVx!yq_3nraC7jBTx0vk`3UoggzO zAEwMKYr01~e(8s6Avq%(maJL>0U;5va@{7dCCARMSPofv1q@&n!irG#AgaH1?OL;E z&z}7aZIr+N{(C1muP2@>1vis+Sm2qn=Rr(DGE6I(4U?yr!16U4U_yQ&ygzR-WaUnR z$ur)E8Sl>}pBF*-q6%2NY!!iN0zG%`;-#?jz){FA{wEava~7l!*thN42WjK;VBwOL zkeypV0iRwv2WHJ#02Ks4Yy$zDHG4jNKYXMGZEF^}4^N*!SVY>#Yj~1}0G0=aM$&sM zoH~<&9X>V=7F4VNi&3_;+}zTZ0jvUO_4n-AV-IqahK7b((yjr~?i|ca+5oV#n>X#+ z28WFWdq-FB4~~E_E?y87n+T(pd!(6 zkQu-X;0{|{eKMx~9n?g~{TOoH>n;pn1~3yDU1g$uKuv{ndUa(0Gk}>0Sl#Ch4Go~? zf)5z3Tdnf|`v!!9@d)!~WocQt;Nu?xBTOv8#M}x@&26Zn=NFw!wxgZF!pfeMH9EiW z9CR*?G#v$2HV)0&!jO^Bb+K(9zu;zN*e-Gc< zlDfLO%bYdtqN@N~T91ZZ2R|bKTQn;#oH_&Yi>Jc4qzvi}Mv!6%M8(reAUZAyvhpTD zc3uH3n~+}wi7A;-Fl7d$WKN*oWy!Wa*>e!=9b8*n8;{Q`n9{5a9}bbx;~;EoJoPlA zVmX!x-T&rKtEd;90o*x3OZF0IsAxIFty}k&#gGtMIUi!BG4z8IFUGid z((nyV=)-v{JmL>vWJ}f zB68hea!>x?;T<4RXA9|Bd9+P$azE%~^Yjg50JkyD+q=CG#a7)>8N?mE?t=#p4(c^# zNog&>m@t44hD63dQd$14-6+DV@e?pFon-QgaVFjVwfs6A@v2MR`&D(fY-LRb!bXoqz?}Z z8yJ_I4uRw$kUg=0JVc@xz-<)$&VuyI!>3Azx1-l2fA7nBnm^e?W*1tzOWTp-_&Tv} zE??f3HrlHE@ohPe0sNxt{IV*nVMio+-(7kw>_W>SywpWo0cK7t-RU~_>MT^-FW*-h z#PYfhH(RSa1DFA<(OqZEuazfQiiDVN|5?Lxd3mK@(%|?o16aoa#viVsIs+!ucGwR2 zJs`-#tDf^pGk_VunrD4+sTz4gcJ*EzMD4gmRi0A&q(LF=O5_rE)i!|93FPGJ1=hA> zh&r~Y$7O8n9b9NA$;`s0MZLA1BUsrwGz$SquR5P!ZkS$Zgjkrt${l9R5XaZDM<2c%EC6q^*~!c1Ch{Uz1Bat;yN5XUjEkat9j&>nOlzX%s%+ zIr-yDkiPi>)s9MM&+kC80|S@=tp3ic3l}adRR$Cp8^5Bu{`8FwpL_mpjj{mlr(xY_ z2CxnS+@U$oo$3a!J59AcQnBkiJty;{(@ML~0|ySIY1qUL2CxnStd#DvqyTk=?*L*nYVBwRmp@0z6`CfDutWSq0ay& zV_07+n37@#$zj%DX2t+k2f?o4tDpw5aQ<4VD0{c;rtd$PyISS<#pMY1)DTCOLI5@~ zF^66AoZ;ai?~JJ+QQVB`hjiNncUbLAdn7Ub+nMf{6~z z;N|u7N;d|u8ibGrfSSmPvL#Krr|Oux+?FPVl3E2A!#L;-4hRkxjJ4tllDL8;u0F|^ zSFdxYz&<{g4>g~ML+z!xO%OZUS~P1rC^SkiVF6>u7y?2SiX)?U+u7BdE`}$RafEH- zeMQA2Fo4w+;5D=6H>o;_HUW(3eh7x!>p zZDSl-$im_*uEy<6twrw}H$Ib<%E$m#p=_HnovP&f3p;nI{Jv^xYW~nBfIFfNb{6pC zHjifG-+Oz#sW+O9fmQFsQaQl83JPFnQ884N&1ovb�=FYuB!=({(2nohdcSf;zMI zE^vkqr#gb4>nIjRVqqkJGi%nso=NXfl@_sbWr~lFk0lpIViP&oL=Lr_$nml&0XdvI zo~o=mv3eyru-;@7IT*ld`wu5-h~qp}!139HG^+pEu(H)-9$dYwDu7?t)1s-AzJXya zHW!mjba3_bqX`E>&LVVf**m&{w_lK8+kv5xVDI26m=cI-fauxAWCRRXwa8>5_k*ie ziX|)Heo43xpU`4_I-ks7XJ_Z3Y%qR1c@$1%B~Wcm+Ik#IW@tkgDI%KgAQ%;wD7dc? zhH7XiNnmwJj32uZz{OJfux(2Ms!)s>m$VIwjHM6@Wi;8^JCSS0(3K~J(g`v2o`LHI=U8EhJiLp`2gbv5+n+ zE08aY@Z+wB2q~ZXC%r5zJ~+^NW6Zb3JnN`9`f$K=g~CkOHuerMADIEH;!x7pDPdIG zBNvl`=sB{w+wzv%w{PP-=-zr-l+e${z*_3as;#a4OBqmHjP-_Z6a46Fdj-!!RdOn! zRxPQ+0M^cNFj^TSh0kibbq%h?x>M~?Ot!S3Q|EWkfyEZJV*qQ!I9TE9V%>;#qWZj{ zp`o*Fpejza|BPj@cFP?Aub z7u%)}2a(AdIFUo_-f` zjsvX6{dfl)J9ccnJm7u)_>tn1?zwB#|NB&D;T@`{SzDS%B2-1JZ)dKn*O>R)OM|U%o8!Pj zi40BNUJDzVbtG2r=^H2-k2N*7YPOnXi&Zae9H^ICtR7PZ#daUGu(Shbk(~<}z%shh zfq{Vu>Nf5by|&NWjo0@W)LwXvG}v*~E`Sj}gizMzW!|zjFmv~&APR?p+yvvtFTz;X zG!sg!9&>)JZO4c{9Q*>q7{DEv-0{ZGKmYs#XsK{9-+mh2b#61jXkoKI}AFw zh|ZY8a#?!|i>)~MVzP&0hudZV%l1kSQRFmBRf(yoX_#JP!oI$Scb(Z7m;o$vJZz|^ zglr{cN=8P;cp6IPYZ1H*U4Q~1AOCR(LKjZGN9o%BxkRd=gz-MV#w8|%KwdCq%ixz%L= zGl1n{jk|MWW9(LAR*#i3!L6>YJ|Y2bKh9CrP1pVpLI7t@$cMOuR2bvpNf%hhl{pep z$J4d1aQ-nr^UBV_neH8o^O14+9ODrd^c;S}Zk*~^Fl7dWM#O@RofDl?P4^lmYGP*H zv}ri5o`K8f;3Dm~MGLlti^4mTYvYnWex#ij*Dxoq?zBCeAvQ+FTxkZda;$L=4rJ`Q z;v8d(nKNfjQ3SMgb#;%>;_Edg;lIg^b9-{&cG1NLsSv>9k~8RQVrmvd$EQGgRvsjz zWPpEgBxFx4B!D*7<6L6|G%hKP&S{Q{O{DL$@(P;T!t-$FhOo#Ox|>4oq{*}lkI5^T z0(PTaDERn*2#t(|{GxwC;nW%A+L;9A(X>2fTq@C&#%shS()+{n6UZ^XZJ6)O09Kww z?#)@lH+Y!QsdVq&y_+3{wxXh<9IZPC?GWxkVJKm7yXf-wF3SQtyLm&#go%)vnM*CA zw|@u)inn?Q^2EZaO>0^qpty!sIys+jYb=2pEo(q<1l`CCk424$j;CsBVM8@4CXs?2 zORgJE%5lLuT$B#4fe!}$8e!xbDVaGG{>J;sWB{uf$Xz*@4LH#HbKUGWxvusIuIp>T zsg=ZgQ%;S!2f!N~u>CkIug{>>{4p>tu!r4qHU`#=E_OGrn{B{ZXhY7~)Q{6wIqk=F ziTiM{_Tqr;&b7m!Wlk&xuo_rs-b(XuOKMk%V;HauUSsk6QpKKLzxd*{Cgy-01*ZuFN8l$DiLnwy(jR^PsTW2MiHjg5V8_3G72 z%+1YHh1xbXHBG@|G!@`Mg9eQg1h}xUa5}H}`Pi{zJGO7%{?X~vr>iz?+O&fI(#YUB zDIg#q=bd-nN%Zscn=p9r;DnJQMuQ4bD!J(0eVK!*W&LSL%0e`xvKHQQj`+U>A# zV>uV4vS!Qf(oQ&|;*w~~CKvf~##-vG;rbz>edh+DS-Fx@$-GqAT z)T!N)bwx!*Gp<~@a{A`Yn-?l8E7uts8b(Xj*Vot674|P(x^!H!+}_?k{m`L9TR;E& z^UAGTx2}$hi<=}3@Z+y0!_!|+LEV+5P;)dGYK}!g&1Yfcbu6uabUGcL+^&MU?^luX z5O{Pl5gr~1;EsuUam-Kq==<6WGobFfB`+8_5(rOj?IP_jBjq2!lmC1QHJ?Y4^F!g$ znJlQku@xSlFC^ua@aW5&769Y-_5Ats2C0Wrm%e#IClN|^{?=Y z{PWL0@7%wC|IX&kn^&DbfBxX*%a>1Fy?XVFva+(-8#ZiM-Wh-cW8y0oap3ZrH*5Ym zNq_@Wav(G#9|Fj$G{8k0&i}aS$mN>_YrcWqU);R+)%E)g`UVE9JFP&Sp73tjz}I?9 zTZ71wl9Dp%2Rc6dtE#FtNtPKI86_@Twrnv1DcuGd5Ar)KS-W=aQfYvFe0(O<)zv*j zNDmx1utoY@F@Vd<%ja+l+gFm`>x%X3*Dn*Yz)ycUPQk0KE`cX^4#2ZNzk`N{H{s#Y zAPUv9KQ6+v``-`%D+q8~p#J7I3MGQgxAEleVFG3Zsr!Vqaj>cU(U;j!|HDW08VKvt zU(dj!Q>g^n0&?tjc>3Q{P@$&YW8MnIyox*V>D-33y)+zzQk2wbiqTMP5yzZ#*WAT5*K3_M3V1nEGq$ zi1qcCu)xcq?&=B(_@gt~jSmb0E`ncMUCLSFf@T2s>C-2M7|@^aZ$qQ1@G)@p8pkiM zY;^jD*Y7qsT^#xLKT?E_)z{aLcJU3K?G_j^m)Cv+1~eTzaPYgO!|j}_B=yzT2Nm-5 z2E7eq<7TX_EZg?w51S91IXi5GSsH^(a}_OiW@ctFD!y;ex!7ID^Y8&7RF7TmfddD| zD{~B7b0V(OV_*cB|4yWa9qb3glzE{w)eHUqJn2V5d72q@00000NkvXXu0mjf_VKY~ literal 0 HcmV?d00001 diff --git a/src/assets/cinnamon/thumbnail-dark.png b/src/assets/cinnamon/thumbnails/thumbnail-dark.png similarity index 100% rename from src/assets/cinnamon/thumbnail-dark.png rename to src/assets/cinnamon/thumbnails/thumbnail-dark.png diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png b/src/assets/cinnamon/thumbnails/thumbnail-light-blue.png new file mode 100644 index 0000000000000000000000000000000000000000..61feb671dc0747f92ac76b83669f4dd4d72f2c02 GIT binary patch literal 6102 zcmV;{7b)n8P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17h_38 zK~#9!?VSlwR9Cvk(Wqr66>E~oq$;mcl~;K$Q!kZrlIJ8-^Q!WyQhCWtk})w(wuw;_ zaS5ZDafwmfqGmJ%TmZ!l5pY8kW#176WEGHIQIJJsM_B}Vp*!EZ|HHjZ)85-`-Soow zsy@59=bm$~-Tk}YIp24_bDW&GaIr&CtJS~JYPGLUMAc|CGx;xoi#^LEt+uaAum71Q zs&;jC{fhq#xY#qmy%QPW^78V3<39r~6B^*2UX@v3GFLksU_1Hoi8@)-M+{UtCY{4& z6ae3CXe8$qtH|%fDXOfhp_>)ADK06Q>gpRPEGmYos_#&EbS&-lIZP2Taa4A_oXT%i zQbBPkt3P+%m$d(gA6+l6VCP*gzeRWI>Z$a`O^S+35ZZ5|^AS-LlaNFex2tKD>lVt+ zy+%bPW$g88egS1&&1Y@>W8EfdZf&EGut?f>_~^hr=Hy+YH5&nf|og>zrDz?L+9;OA}v;Pn! zr=*eBL0>xH>(4+sb@n{{xW}7<&xetZuOIE+caVPCyPvlIw3}SF?O-sY?l!kwH0SdL z{2Y|&By{#e?${YMHC>H|j414qc+%ZI+*w2gjn-$UQ5-N63Fd*S|A zTe!xJn-#46_22)KJq&O>ub`NAc^@R-z!U6YaV0aGHvQm6T@Sk1y+3%+!vVIE0NN>n zPSz%s|R3~Vy&>qf3TWAB8KlfT8 zJ0{&nX3kZ*RawRA*4(M1xWtR>IL=Sc%AwA#2SS^9)Ya9^{%&Y&W@Wq!J^t2~S=xK| z?j5CZ5O;U?7e&iFnFGw7SX{G=_saK_@?w($z@ciQ3=9X6K=cGjQR%_^fd&i)*3dN9=~CJiI&>_My+3n4l*L~!rKZ!Vvmq3daFNxCh>mC8 zWy7{UUa*K7n_3>aHo`&yr_MYCby{W?Wn^Dvo@OYHALzxW*re?k|urNyolI%1`%LG>=u@IaQjJ$50A8r z!C)d3h42%uiS`jzf>l=v7b&&P0UjN^)5*?7Cx{qwnlw=W=3`(klWob%JXY!L?JaO1 zh&jLorpN3!POJzpfD8$bWL{sS{sA@sEdiXIn#Q2Z%*kV~ zX&KoA< zXv#3wix@LPM@U|{cfXw_K}cnIcp&8w9_yfx3oK^L0Uo*2>haNl)cBxpRF-foVvcKK zoNuS&VUt~GbWJ7bhU&&D9g|-B6uP<6apN`&|2EaWT)EVx?i)tengeWRr`1@j;aIxP zW3l=M(=PcKm^-oTTBZaB2L8?(?MZ) z7|tOqmxC}*+r9e_m3MddutWsRgT{N~a(Ia0Q8o+#87eZF;E7hcK9*?wFXG>Vh1))_;%_Xan8qMCO5x_I-$O;c@O)SJzv9^_5${%8|SZNY! zT#hxfl*)z!8Ny0Z>{%AzvKxwt3;_SYQU4()gK&T?WPJ_8JYSx#U^-UmQ0dIpmXcrr zK0C6)ro%|Wj~^2-03u?q#^sn$(cIF;@_&&PBnKcSRv=GU=^Ci3REGF%or3l5&-X2p zwfw_rn*(exX+zLwEa@#?dZw6`oGqi(kz)f7Z9pwOQAG4ePjUnc%*VivFXNJ|@VB4> zrek>spgvy5VF7?=?IbSD0iNIhW2`r0TxMM8b+r6c9@7!$@d{tmXzMz7NQnbH!2yPq zd3wB{SmB>RtB+@}*O3V7K*v)=XVxSRFbCL{WtvK*>KIQj)&`_84T{en(fQkhGRGU> zr=4s+Q)x(mksM$ul%rBQQoHVa~EC4>cTMN*kWxzHn`Xx#Y@`aDlnda?Upn z@Hlv%O^K^tGSi{NCn9&)=bBpz3JMO|fj4?cfZ++o+E+^D7cZx>%q69Ac(D-+mMepY zIWQ<#u`V*8kb0j#+W=0=RmC` zPW`J{+BLvf1{V7gnX<4@rE)1pSSiMgltEJyIS}hry02=XzO+Y@u}bmda)Vr94)DVc ztf#F7$BqMGO!IEsFX)V8eyu3}dZWJPu_@DID1E$Vbh9U2sH0|GQI7uIK&*bW?|Z zP}|rm$*``Zh#h0A7N}et8Q$&N)wL9pki<4wle_Q!l{K$&fEC21c3TMe=bizzA%LH^ zcYvjx04o*J_D~MUq-A5F@9pUa_9iPZR zG%jmuZef!+l;XU&CzK^#O5p%20gSzZYyp(hTipg}Wkx0k*h~N;=^n}aN|P}#TdL+x z-Jlg9H(%(txPbPR?^X2Lwtjfu@=#NsZgAVMu6R{y8}VMboLjoiT88r=I?}OFd}(`>FtOYPpV&fo%!kii(Qk z)`lc}!$zi(M7g=Mzt3;n!kt)F3?p^)=;=_hmR6q9vM%(kMm-NB*;*KB_Uzfew%L>!b$9UMbWv+ovEx|*0X&SvCvtFr6$D+w=dA@thKCy^t^S6ooW!qPrC7!%a&Uk- z!2OoxS!=;@X{8HOC4qx&sB^{v;3u8zd@5y8Ng2x;l3SY!4kj#ihlB$;XAzuR^^Hx6 z*-UxYim0)vnI$zm)CKSCVxDazBOqKQm&t^U)0C1G3W`hFy~!=c#{upat0gm}|J|AC zaL-F~SupPR*w)sD#qI1qnE{~~>>!wOB|~;!BW!+#aF5*Tl87GzAcS<3+V1G+lnoPM zN!zTexeQ{t2LM*e%)XjO2mJzM4ZqQ$Lfx9iSv?$R9c@ITZkf8ST1QFVIahKv2&r^(y>@X01pnpi?yeX z%aP)UhXd-$?GKE$D=Mo7#iu#I56fe(zyA6=;{`>{Nng6Q>{F&Ake&@{U6)pVpcmnJYOX_fd9p4i@F5}?xd2dq1!aq^P&h?|J z&*}=QtF5s3z54t6uXEyy+HrvG#E~__)6;W>C4tc7r&HDZH<^w_%+baOrcm-_WjVmS z8x3jr?0=Y!RaD*^&DNHw%qTnQJ`W3Eto#UXGgg6AT3NEaqf2&SIUIvGS*fnnw$lDZ z(tKydtzY^~Pt6=^UnCCjzv979A#7p^AX+|tm8mB3gjw5b`Cz7{tnZ6X4zjfh;ERZj zr__ur*?24Bz{#msn73K39I@KVsp;f>$XB*~qynZ~$zm&88kZq?A~Z6FmC1#fhFUNW z@M7gk4)E~8NeGv`U~U+?-}_JM_;4mubIL%QdYvTz#{B20_VV4C0vHzZd_)wRaDlvC z<8p*}uzai14udEwC@!P0s2Ex684?~zwRLw{yjN~xG^81(Wo9YvP>4w)itAZ-_Xzh_ z&H)~QGt2B7oOOTjUrfy{aAaAc?ZCjmy-p6cy(k|8PaG?ZZsW`5hWF>*9*cB!yWjbD z)_#xk8|HRiIm`y%9N-CPh0T#8jIJ|-Yt6?N^%hGH33G&&ocd>8{nC!CF9(DUla7#PWG{(_lN<;no~#%G_`vnvW}F>m68qE zx>dbumJ+B`7iom1Hcq=;U8A`BU}x6@*)&BC@bJS*BTDuMJPf4Szp+a0?r5xVLqo$Y zr~XwprrAl{cf|6T6tNIT*Y%o%)x{nPTtX5eJw9JRGOivyK9> z2rsq`oodHjXAUq2c*K_2?z_{%{l6r3o2NL+cf$eZ0FSgg{j$A*TU1n(E{=Jhbh3{$ zK@Knn*kTZ)`}q=}um^ZCDaEOOj`Iu$vb-h%Mjo$9rFJ;w0GkKmsUi%|PoF;hO&jkr z&l1P)k2#p-bHv`kn2(Ib+p)eC<}OPcc4I1|Z{P{azM9X@ zMSGY%g*upJg~i*Y*H4+^<3&=%@p=Z5UuJj%$4QYHI16@E&Vg!6E`gKrLB4ta%l9 z`pm$ZR@f#5YiOa4)K+SGCIjzUVF}Ax!nshi2kq(UWf@Ir8JP^oN?N z2B4L$ktJLMRypu=FxylOfOCLtALhrzF7`8`b$&tY^3D?VHBtXy@P3vE{!8Nd&xyd! z5G}m~?WBqP8QbF+7>n#FtyIYYwq2M3+Y}M#N5!$~FU2l5V#~i4^(j%G5Mg~x^mtDb z9|#j2TJFT+0NV`I64;YPI3F>9bh5!YTsXiSU@jbB4loxkHUw~bdgiYD{QTgFs5v=T zk8azxt$%tf5k1M3tG#JgSJ$u1p&n74FMNLJ!JD?M`(iu(!}z|X&jA2`?kK9!>ArBJ z{|{Ho>xK~R;oojnkuB@CFztS&`?natUoKl&BK%V+=@*M!ZsnI&t&lsnwxRj!y~jf` zcMBSRDgAJCYW9Je`j&xnH@SNT&-=%^-oGqcIiNoNr@W=|rh7e$zdd}Z@GFlPTJD`# zf2pW;1OIW_uSP{hZP>A6$5ANW8|AJEHz6V6yWP8YAGmev z*4J`v3&)q?9D4=0v9WQHEWl^ZoY^KR{$8_YP1yGB+x=IrTp6`<=guS2hgMTlvm`w| zeN|mu-Qvv5%$4=^_0E-*l}n93s8_bAw8l4*Sgcn{~6bh=X8R zU3XS{w5^N2G(1*SRkalGl$4bGO$I6-<2KHoJ-gKyQ0S^vt0FgU+;|#__l9M`!NJ>| zot-o0&!1ngb?esS-QC^u4a?ts_uZbi-g=9cELoCjcpUe%e*OBhYuBy~6&?)75)%{G z83Vj5KtrW>^|U)qOK*9o>8}Sh^ofs}zC5a7<)0qVP-camd{g@9jh|GsI!H@z3+H|4 z-G465!TaPg9ee*nxR(4<`v!jhukTb-T(OPq(LjdFRdi(9S^@b0p0f3JmKfY5^{O#i6a&hU>r6~&*EXdoudGqNxbLQNg zJ9q9~JQbHOU!Jgd@#3^aixy@2`T6}M$l=s-a$b@+l||R@i=kf#10P+kAubl!)OSQJ^-YyuCBqxb(H}2_4RefaiQ%{ zH#fHtLXDX8j2MlyWRXVgM4e4mQH2r z=-gEudzIP<%h%EWxvLq7fEjgP-lC#Uga?3ELLY16m;iRXaIHCBYWmct|J>XvJ#9L# zW!D4H#sIgsw=eYe_VyaK1;*1+_(FEV0s~llnEUqa^Te05V#SJh;fZ!m06p2b(UAh2 zl%DHh46xt%=u3tGOO{v80tcqmh3!hH)y5XIH09pzY%Qq1U&6oke`~(MMH)(HLMTjKyXj`-T7uJ&gr|0jpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17idXD zK~#9!?VWjSR9BXV4FNNH9wX zB+U{6wt)Z%#Ml^&!8TyPHj9nH;1%!tR^E3Pcwg|ofcF(UXWsAfUQM}p&uf)y@jcQ} zRlWP}eb43k-nsXjd+xQe;=;uYWoT&V4OxVU(o*S|bPksp z0Nl{jOxD|W(8Vj)sIt12$||ZTA|{UN8=ELFG>oci?o-g6a60LFj)KD?NPV}IO3N!L zzo>-OU$y#6I&=Oa-7T$P=iMzWr~CDdRC2G3LL;Jt_FL#ya43aE#ZX064ehWwKpEM2 zR9LKLuUWbIl%AE#+WPyRebn0CLH>aubo$%{%{^x314kXm*FS&*YyzN4fG!dA>Gt;alQcyc9Ubk-&d&Z&th-ojheJI@3w+|tS&B@7lB>r>ayso!$4;K1!^fP+=FkxaGwL3)KTaQhzLq?% z_|Q2|ZwkBqf3TWAB8KRd609h2@u zm6=85mDQ|n?frU+h>m5)aeiugCUy7p3T@_4Pfs8F+|=C4%6J!g?yW7ev=1IUxIl9t z4h{~>Ma#U91I(RRTxMr+my(gBr>7@Kw8{%Pz#L#M)3dlwlZl8hW^SKHAaj5@z_WsP z$=KM~Aeo>jjfH}Zi#tW?OZ^#V9!maV702h_qrALoO#~lj@38NzQJsKV! zp@G36>gyk13ePXjZEb6(uI?Th6v`0hK^-`mhK7deVQ1I4whF|Mldi(yRje)@cMM@9 zv=o-s(m3%>suD zfa(H_cx+^BJPQe7(gv(_ePc7TjtDVHlRj`>aCjtx2(Te`3rjq{{TRiEM{?SDFcFGE z_zBlU`v@z+sw;(yl-lM1&kWwBWacs|h!}EOFkb-XV_+@|P07nVTNxM_$hRPfIlvrX z%eTC`(%s!1Wg!rAfH}Yuk9o;LrKF@}lLd^4O$K0$vvs}Q(md#ibaZs=i7`3{SWn*O z=>YL*U_JdUsGdFwxNj67ac$@fV#QBcBEXpQoR*Qv<|{+th=NlJWu2YfEQ`qRb`Z-< zD!E(A<})L-gK~tFP@bJv$mTV-w6-#*6Uq?wfyX)}J%c&6iiNsu?Hv@8ki;^Gq-(=@ z7L$-nmDM$xdywu8js-JdHRnytXri zXmDg~PT|Ev1J}hvWCkIoXUsTGtOziG^bZPQUSFjC0X6_F0UVc<%%D?c=CIe~vW;GJ-0EumMg-(a!Zf+98D3=9_PWz(Ig7!AOH9CZ;cLYoLpX~%jI zV@Bu*$qNr2cCsW0sSFPfq&&i7?dyM=#f&+?(|1}uI}?zadmqin63#~SaZQZ#&2&6G zVHX-*Qwh4sy0J>fq}N9Z-CXIoZX4R4Cu(1=TO5l_sIO|Do@D`6-&0Iv0QhbfJSUwD!T~mr_01?HIa8z$?DG3(fGb1ZJ zaTrPX@nZr8Kt$|Sw;U5HTH88U{x7nEKmCmt@982s^%Kt7p+V` zQ)yCwksL5lC}(hRc*0N)LOn`OEX-M+$U_YWn9_!4xG!8AVJ^9HBwS!Fw4C#e13U-b z=ZVDTVjR=S#5Fj3%IE4^^7HfE&A=NyDZuaqW9=)Y^4NqVmbs)<4lg!h!E$BrFnjy@ zDb_^>6jBeB?h7F(Y?>zL0mqtMc(7oTG!C#bz|R>2U|8P+=Of70J#51Ba1PX1V)b}6 zOS1+T%fMn^qKPalRH&NsXs7a&!!)spJF$VU%_b&#GL~V z#YJtkdk>TC0s;Q%}s2H}%n%sRqURg7X1FRq>wcCQ%&nGl$LIA&N z?f^?W0ahxc?V%iyNz2AUk0*V{U_Ft%gWOei6mr*#_D8N}$69+D#?=M9*d$G8P+Wv~L;eUYEjfv7d?vwgxh<5rMF+pw;9RcagYUb&oJ%;JLORhp@VHZj3t zqEyCt--Vv*X_T@vo`Qnu=Ke!WA=>YG7uq;u;I4s(bSz=(xbZI_zSo+|$H1lpa79JM zWn)7UWNXJ%l2CgG_W73G0q(>yVi>7^sFz~P{pm`s6NRX~sHyut4!eVzwIFNG|!MWAg z+@hGxl#^FT%`L4gso{xnbaxN)Y$F)~;VQXICTyIhl&p|nRKo5}ZZSR%@MAGrGDGTj z)=Z~*Uh@BOAPDP}1 z=Q`vid^c}cSwK1=67I3Oqg>*=WFeK-XT}zy$Q71L+D8}&F<$IkD7SPh77@UM1Mp() zY29+9IO5@ex^nviqwR{y>T&UD4)Bxm%v*20_2;>QqV}o>2zc!b@UWMGW&#n zJ_fdMPc(k0a|K0-^#@F+E0sT3vwDT={xX*UTf~w&9AL}$M9;}MxODZ~RI%>AsN(3} z8P#WX1s$!cF!;TCdV21$;)~jGfX&2_wanSsd7B}D7|uNRgOosH()8JXFrBRoy4dNht%)+D%%uA~C4jN=BfQO61yX5c$DOp z`xi;`ofY$rWt>;KTf=aGrxp)>0bvtE0MYjGADIq^T+wTLZ6B;Kl=WS1Wg%Ou0KVYx zNJ>gemyNd~4jh-1!o1CL<%rcLB&CweSr6IvkqVfYlFnAP)Gb5uL_kOwE0YT|O}1bj z;Kj<79N?*ilMpU>P2Vu|{r5jp*I!pK)u(9M92+$Rz?lEM*j)a169Ehhc`G=SO}Ieb zu5LL(JXpR}X@^0Sfodin>2P+ffki}%WHjD|GBWL3K24uzN`qPU)QU%zmF zr5xaCIJ5M=!CBu2|H4$?0!Nl1+V=MLK51oP+l%rs@cgmD=r+EgZ+L$l=r>4Lx9`vY z$lC9>{!e{7uPkPRZw~N0w8Hwx5k}XU!L{pSgL;dlhlD;tOID9(Uj5dLtS<+c11xKW zXEhc^$jDG#XG3+Us$wg(OafA?w!oq&*qw1p67)eU=Fak zTVYIKcx5JCX$hqMPyTgI=PgUuMVxpB@V+VN@2$*ZL+@z=j5Vi_7C6!Fg~&QmDpyK2 zVCz;546&3zrMgHXoM_{;s+wBG-3PmSdS%lTIlxm7D@`leAMh}c-v5J9a(8E9g`1k1 z%B>!+y0OGe;=a=c81N~Daim!6MBy4h^zdPqY}rKlywbx1nNUjQ$oXyWc%b-j$S*A6 z0MBA_2f`^U$btpqeLv3fkmd6@-S-U$Il9`E4bki{tnSU(Ui7GZdG>C&Zd zn|PObr8s_n#=#J6+vNkbr-xOoK&s&JIiUZ66HmEhm60C33 z)z#%26Wo<6SAHsvb@5>NjfGlW4loB;@75S&P`x< ze_$|M$_8_wt7_`lUc2GZF>G#fRduaqKVM99#NNS}kBr6JvAz}NE=wDBV=AME_Z7;> z%4O%GJxXZ)`$-;T`oy!6o5fi6bvnnnr znZXqv9ZPuyMdW+)wx%3lo%gy-(eVjvPIFRfI(zTye_PWQ>S5=GjO-jr%gCgwemB`M zoO9Xt2HSN3;Nt;-rFFcn`O*dNs}wF=1JL4lwD2&&eLTKKnx;Npv3C;(*tELUPl+Hc z6T7k)iy~S6PqVSi$c}>3OoaAz(b~T#I;a-UGjOM5fvaol=%(-Rgs3WzNl&WIjA^bd7Z38nDXVK7MRdH2}^5Hhq|%5xdwgiPrfwvCF$s)Hg-_lh*r{BKWV1=f5HX zyG*q760{5E^LK2HV_+<@r?gTf2iSCB25gH&pr01Us=pPx+=wmzUep&veNKe+8PVgt zM0_C3cWAj2ivw&jP)lGh6ybbI3(|#J=WyWwbAY*UfH}ZixR?;Ysi~^txw*N1^HDQ1 zvo0Jubm;N)SR#6!D_3*Vo}QlH=|e;BdcAfg&E{=W*6?D#f6~2g>3aacpIeF!kB)v} zNq-Ml!|RPA*K@WJpOGo+?UM6nlrf+Ks8H zsXOZH>o=%Ws_l)9jnn1sQ`;+sv06Hb; zxtpQsQu$V!gJGwA1L%J?d`s`H-pKTTqw^)H{B(FlqRqvmzQDA)?v%SNb?Ig8g&YLK zs$ag#g`UCAFSU`N zTc@pAvnK!G!Go9k`uf&rm%sPkd;Rac^A2s?xG_olIPPih-n}<=@7^6CJQyxTM@R3` z1^80d5o+kFqVRiH$v)v5a!s?P)2Vyte8xdmekN@%l?y+u_{sn}8n>CQ<(**XIj8Jm z=i(f^FKNkQ?*mIbD4{A)^ZWlP)|v{N(kQt)gyJf1Q+{JIIV5~bPD$IzGy4}RXi6oY zyp!zs#jKy702trbyYId`ru}fz0DSrK<)f0~^Oh}JVmEEtl(=^7+MNCS_xpVK;fD>Y zR;_BlQ*rCotx+2`Y)D?ee!c4A#f!%TIX4@CLlaV6Pl@14>V7>qOB>)-n|IJBTX)l6 zg;!mGog?ciBlBBo_IedlTw!ZRZgnU2@8jKR18P*6uYKoW+j`yOUS3}Ix({?b{P7#o zJ|-A~4W~|>a`E-`J*?XXjK`HLSB^M3I=bru45J}H+6zc+Y;62=>nZ{4;o;$c<3ig3 z_V)JY9UL6a%2{9l=ACnleDj?tt3HluAC^*4vx!I|f;6Z#{*TUZvZ`=P0c< zoHFi5vsbB&oQ4FlkKe*T1k9*w7x6bbEj$1s%Y0ZHiB&}BUxJy6rl zLN|6j0IdsfXJ_X+7Z;aPQ?|f(Itu@gqp-jL7GLJ+)2E&BPujL^Tcq$ryD5Mkr`zas z0gg${cGLy<;;lRJ+5k(ISIz=^C)WoakE$C9&u?qVuIg^juX$L)Av3JTl;1kiIoR=) z_OZmo#9cdg?hHatP5XF2K)^oXH*`V!Sbl!~Hh?5&nT6k3@JAngR1Fw)0fxe8eEs#; zadP*i1TcDxZfg$0Cwd$0coOZPlE6{<6=}Eqe}xYHLtLjEz*@H#oA+GqEN>(DIzBj?Av! zp)DLT^Ho^vkdP2NDBe%2XCQRfQ4bFYxpH*5+uGW`n#(cp{-`fzJq8BA(s!ag?6BfL h7_Qt4ZN6UU{{s;^j{P&VEs_8L002ovPDHLkV1hxw_NV{= literal 0 HcmV?d00001 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png b/src/assets/cinnamon/thumbnails/thumbnail-light-grey.png new file mode 100644 index 0000000000000000000000000000000000000000..8c92986c29284f0d41d2f1a9d5a60222df5fcf62 GIT binary patch literal 6035 zcmV;E7i{Q>P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17a&PQ zK~#9!?VWdQRac(J4FNS)lhv%0KUPtqo$O?jVbgXP2%#km zWQGy~hJ*oTAdZb2U>q0Rzzy5D_lDbZ?*$C*y@CriF4+0){T|OAYHlYPxXz>bf>O?5>nErt)r77V&bT=sg)vQ5}^ux>Z}p&bw86ms;C8sQUIDib+Tk>hGqos2GY%N};-jCOT++lJbj6 zsiLZey%v^~QC?vQtLraEzonkOehQ6qqN1V?#B0}z^>C;cXn`Fr{YYsU zS>){ML6<$e8A$%u!{~d53ltm{K`tIw$o`@${or_s&ir6c)~C-hm~riCoAdO+AGVSA z)c|ty_N9o}IQn$Q9s&M%I&tQE3KXsfj82!`$=2D0zW(+!{ms^azB+Q8ea3s?`B+`J z$L%|Hto~zv{X1(6aJ;yzlFnanB@f@Ltg*<>&8KhwW<$ddM%c4IcreNVHj)6^HG;06 zoSbYT9ZF|sr?m+5N{4w~fE$}zS=ScUutTtzCFPaW+}ci=Ik_}2I7FotRn*kdM#ZHS z)F4=CTc=C2UE#*27G_xo28S7FfU)}49h!VJ#Vl)UdndIC+9K44b5R%SfaNbLEoaB1 z=g2K6q`UQv?AqqmHcCiNWyf)TPF?{G4L=a-ET-Y%5%#&WtA~~GF0|pTEwi-u?%new z1Bk7y?W>|?Ud;jKPAo3Vv$*TYNHRP;94T7m)f`|BFqg$y+$YIIL>M#otssy&z#QOZ z!MkpHdU}jZP?D08-V?{*t2n?MU@mh7R`+LQ24dmXcwT@jt8dYxM^kf-g-6FxWzB7x zn3$x8W8*Y3`j9C+zc{z2w~q#ghG|SFLzoBGz{xZ|K0)^f2ItgOE{2>m6%Mben%X(X z5Jp0MaH!SXzC$;&bEvQXKBZ=4$=0D%HwSomR(EYpP0bcEBSB*$HaaT`;QIqZ^!}$? zndevixQFjG^12#8NohBkHy9wLXJylmUcT&oP*^yNzouvAkpJ~iic3mm*F?o8GVii_ zT_0`RL0#RwkKG$#As_#s$Dq#2%_CKQA@ejtaU93wp8t=#_cAX!2Y3Z^nHT7-UbE6H zaJ&GhCcuctCZ?vdkPs$qz)H7ubTR9Q5R)|N1LsA>Co+ft8)CPx#B=LUQEWW2RCB>Z zC<@^x+!OU9tOTpB6fRP#n*+Qwc-NDe%akBu$Z6F|0ho`0xvVxNFY|Kc;lqbz76dT| zm;-G2mRD1ThK7AOtE=}|z?j%%0LD05)7vf0gVv@~Q`3))(K*06 z@-{C9h)*Kg=>H?y~#++wWegT`W422^KPAQZP3=FX>qTm~m zEHkP4RxO*)jL;6s5mG{VQE3I6*WBIH!<+HOI=GdwduI=sXr<9wSEQ3h8 zH=JiFH?yd|v1#@hq-TR8?ArBEmeo`XXW8BQ*)k+A+=z~4AtyXnc~#A9;sXbG5piC4 zZI=qs*yOZ9;YFi?`=Sw9LWt=pGmaB00t_HSBcqwu7pZ@M4M0l(r)6d_=yD5+*=v?6 zf3_T&smf!qVtAo*3yLTrHlA5a=+&U>EOuL7SwkTaQNnda6q}SX3oszZwFnoXPK2h^ zW4(wmBXor1g?sl0SQ3O(hQAg+|v@f^NQUtkN;*^^rn1S30g)hx%u2^~;q@UFt^*=vs4tb?mfSjx}6P*LgWs zUv1hY9|LnImRZXhUtiyUGsbvyDWc19H+mgr*p=o0bAabq-=~e~R9cK=G(XV!J;bgw z2bcqFp4NAAa&p3y0n>K_A$$kVnVA*l0CRwKZ+#`%64Ao+dsVMq>fICHp|9*EivSqT zAuN}JFi-!z`;V26jEu5G1k8iRd(Coqh~ZII4*{twGMV6sR=Piy#Zg~YM=nze_fRT_ z2bu%CKc1u7T}uOiir#W|FWm|ypusVzS3PkVRcNGD}!TGI;%@bumGPK zSz+yAB;m)82^atou~*GUSE#4DUNxQGt(4pw%frmPv`kp8vdZbrbf(7PdV9OVSBrE(Wu#D+) z8Ub97R|6~n@S>T-g*m`09AJ#~HW*~a#q<>I^Dkz)=saHGAGOqLEj*;e0bbz%!^%8w zC@A)OtLTuQioGsIa1GRuB095Haez6%rY!5m#>NH>3C0nhET(~pC5t-$Okl2|0e;@f z^fQ&_1sKTz+Cn*FV-s3KISBPAIk7NjS(}F%4ltz+&+uHhH^N+Uzaa8QpAq2RSQ%ujtuX1LsJXIC8fxA&r$cx%9@27UgDA{{{H@ymX=12j*jeDUtj;6YXL7dNmHsjHZhrjs9DzC z)5|7tD8+g4OejlE&)@(n0gSzZOaYXDQ#Nz7UX{xM))Bx+x<@j<(qs(GmTGQoo3jFB zLP8>g70^03IFPfmGyCl3<~C;qNz@JNidUt&5$~1D>BTHASYD->TBs8fJhY`UuJ|sr zp{G&G&UlK9qLA-SGli(X=Ur&yjDd%TACSAd`<(HwlamwkM)NVS2?1PJSLbJJNFtA) zU@A$BjV=2ecH$&=Vi_@v^iZ&jDwT>NA|iz@bUO7eAi16cY~V1`d+)vX@5Tfq_UJcE zhuh~aP8W0dAUmGtOV^G>D283d;gJ4FsN_NH-Ha|nSM{adV#E$_GLOM!y4-O8=hKb;<&MPcp z5X&_HSSd5Vu$Wx0_{heAQD;r<9ohIb2Uz^)TNxppuweJcRJ3;s(}jq1uAxI-!guq! zl?9{|BHp;BVi5r}9Do;VPd_%>tDulI z4!Blse_+&ISKl}%KFtAsT%LOK%{PB*C@7k*c~I#WpDHmKkLx-RA`XjFlhZZN@5)N-Ika3=YdKEQe$8CM#Vl)vdIDku={~ zaqAZu=auHxFdX28#e<(i*hC*d^nUbfrW4Uuby{EV`y2ITeP6Y*kgZh!UsQY|WvcRI zCC!tABLo zf9l$KWicCkbAVT%71l+LFuKkRuEQVc)mtnz61oU2SDjnf*MniY2+92$Ngo2JMCUU*n(QOW**hk^9ouZ)tryA&(j+1Yv5YG&1q zb!HOxT{OUePbrKe#bULEYXH&x`-Ad3H)zS{l^Ty8Elcqr=eMu_o?_!rR#D9XUdH4O zgi|(>1q;Uef<9@c@Gb~o#8Z_3R0mC|th=Xg&PtS;6GgP`Ev&6xD6Unq?l_K#CLG}9 zjfXL%aFd0?`>Gjwo%tA;1H7oN^g6MN`G$qTyU}W9xtulT{y*XXbAT7()OyiUAQs`p zwxMgyxa-UT<^V6+5}SQ@T6q4~#BTE%OZne$fH}a6?M}aLZs1l_ROEZhUeIo15Iw*gU(RFQz$S?_kVF#^UW*-wJb=r473=mC?iZD&-fJuyau# zW>4W7%(BAb?b2+o8&R=r$|kmGK^@t-`K&xDE`iD`tJyuUL=R?IwRd!}6+7DlIdM!4;pJ zN~PtM6c}=2wj5x&`}k3E`b{>cIWs4Zy$=k%FQ+A?g0w;G%3>^v zWclAL$1)>33QjW-+Sf#D|Gem+TD!u)U62KCY;K_t;XT&0f<**~fLgM8So6v^AZT_? zD{Pa3HMDSzR99wBE(5Q$yozNl;an){gN}|qWEo9as$2$ST1FP-z278)|C)IIOCqovL`yG0 zyJ{tW$L2T&#v*%4D^+rUO&4aswnhZ{NpYKiY24ST` z%bi#pV3UDb0(-Rx=M!p>u2wsT3kR43%!LEY0p`NRgaFRT$vt0EQWCrpwV`dIR{&FTbqXzI}VWq&s)+yjxvey6p9sNRc?FEfY z&vA>*%)i{+(K~zYx3*5fTmEwN;s1VdU{+nc{Vz!6-SSa??Q(J0kYW5Zv7yo%^Xy`M|Ym<_az7c-(m+#)a`=wmn z!tpO~j=2Kd)z!5_7T}YCg!FJ9iGteW?jK1$O6sLdf1Xl$`v-$yrdhkeEEF ze4q8HxQl_|^gp}4qIb6JW_r@j$xAA~7+;rReI;`wLe(;qeXF}A?@nI@2SM+Ud5(;X zY*#k?>Terx=!-KrMyeKRzjD1F(cnt{&c?@8DU+=v0&a`^tGz+ls zpywpT=e>LPrtaCZCu7^TZN=Yx_g%mTAAHchdGqFWw2J%o?MvFVYgg8e9XoQbT)Fat zAa2V6IOb-Ki?ax>q^?0xh3Wur{^B5gyzdD8UU=06*eS84KC!I3>6lLyrB(FwmoyGw z|32QG)}v-;XWIy4u^pPneSCauG#hj@{`d{49}^70E@x-w3xR=wXEf`8@ep7+YiDQY zstGWRh5+dUKx%Dm9jtk+62Jl|wm2@-9d2V|<8Etf`=gu%24Lag;S?PmO_i0E)ZX3> zk1t)gaDn{&{aJZ`e?Nm9i>L@5EVD$oc zG!i(swY8NJ5)#;P0Idn|z`(#~LS4=aw!ml|g@4F7SYQB)FZ1HXi%$3_?ccvYQE1UZ z1klqoD_tzWDLF-UngCx3i%nMtShBow7T7ndE#iDq%Vd06Z+B6{P+wWo{b~-GepRJX zofQE7T>Y5vqdt7-(4k25)YOj)Kzu9whCJ1em6et42S{?3S@@krefZ&rjet=TU?_}+ zFhom}doCq_(PO-P`Lg5jWz$yWR^BFGn0hBg;`rqPfyHqXY~Pc zT&oVS(9_r^7|=HSZ7`~O9|H^Bf_!&(_bN$+Kfa=;r{@b<=hMW*)>Ku|4+&Yh=Ot}d zJJ;PW;N0G$Cu7t#G9krUDjyk}{LDL}DO}LI#SQ%hgAc~{a>&eAVX*}$PC)T~G1sEI zj_c4s$d#kZ-P_yyxgp2EPEJnC9s>hl={r#$c3ANr3|H=jHeWCF{{zM{wek853#I@7 N002ovPDHLkV1o3Tn5X~% literal 0 HcmV?d00001 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png b/src/assets/cinnamon/thumbnails/thumbnail-light-orange.png new file mode 100644 index 0000000000000000000000000000000000000000..e775b50d904b4aaf80d8206264c58f751c1e6986 GIT binary patch literal 6124 zcmVpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17kNoU zK~#9!?VSryR9BkE(Wqr66>E~oq$*pf%2swWwW*YqT6eNFJ7djErIMOtlZ`PiCybBy z45OL&h*8uyYN8_eKon3>0Z|b}d4mFifIJ031QZ2%h=6oAujUO+zP`=P9yMNQ$+xy#zs69PBGx;xoi#^Mv-rhcK zfB(-kQB|we{)+z$xY#qmof8@0($dm@;XeZ|6B^)-&MvdSWUh8Nz;^QE6LqqvPZ_9m zOge|lC;)y`S5He;t)UY^XQ;fQitd#?pv#F#R8w0=;nA^FQTdP}V&dq4_fd+By-X!{ zN~!dIIThS4X7%SfFQUW8PSBmwGIrjb();wVrk0BD-lOQt@k0BL>0)Fw#l|O6*@H@2 z)UP=ZJNuitTWyhiQTL zA3j1!DQR@j*N=Ss{254R&R?Y6`@JaSVmNvGouGY(d}+^t!?a`1K62f@lfjI-+uiok zoG%xUf6!Sv>K{nqF|jmn@p1wFINH2pHw6pz0i&nSF>*iXP2X+VPCvTur*GD8VxRF| zxIfkwu5tHX8Eb#zKYwBm102sQxJ`S#e912`h&?Q>XJ*ruAKggX*3Ry|t*wItY$XA- zQv{vf+uK`7W|X?RI#&_si4OCS09RB!WL;ZW!&<>&-n@02svbU~)bvbhZfT|b!Xm1y zuA#jALV6%rX?M@V`mS(AWi_*`%`I968elBGbB}uabj-3od{jp@f>sOd;as$ZHemU4 z^KY?Z(tTv++@SmA6|8R6!y3AraFrd$`RQ3X)T(V0+RP)Zww-;ht8ZXsybC@4)|Oe? z#>U3uG!EkK?*6)HnJ06Axf6@a*evdJvXW@E+6d7qPv!t~fVqs!;yz6_BEpziJ%K>x z0CRxH1n;!|{{AkqL5Yu#|4ZQd3K-mb!#8gn3X0PNwee9%^cC8PwJ-G2~>daCjA! zlny$EFcR8>L#^cQJ-T*1oz$8px|)(E+lErx9N@88-KixdCC+3=f`^Ux(3wyGH#N7? zNAu=0&#&QezrfRUGUzPDCtYLSV1SgIcAbu#3}o-mT?}LK*W}c6I&(ghV&ku}I*~C~ zn0MK*t64Q2^#+U@ntw$;&)e>Fn$* za3F{|z#L%5x4g#E+S(fLAP{qaIl!jJyyT!#TwJ`|0mj5O12D$f#@=pe9<(Xd>H41- zqjP}G!G8B#|IHge5+}z5t zh(az!u*{_5JEd$sGeSEkM@R|fx%q``Ui0II2Ih1^8NxpBSYOY|W{#~Qp{`1;p~P#c zEQ3h8Hk@aP*V3rGqEdek(!IeEcKUoM%W5ixv+RDkz6{9=m!e`=$O-p#tEfbu_`m@k zL7W#}+tEVQ)!RR=@ZzC?>*66YiV)K?b{r>G1QLOf( zHW8XKjP)YMjL;F17aE(ISrUX)hKC1I9^tVL4!y);#vI_0JFT7_4M_EEeWS93V-a&) z6XSe49S@uALZfRcK{r%4R_U1Z+NaRXm5v*?Vffip`*P({m%48lU26`onVnW+v4&&m zI*-Nb8%(?8V_@#YvTKZvcN+Xe!sy4G< zL+na(fH}bSX?=TpdwXmdFiSrmgzw-5JF~(ZU=FbPt*<1`;nhrcXQ(XF?((==OJy%P z1i)|(VYwWHc{GhpPn5T}cd$eR%!9^z<8pY2;ZZgW0U0VXnc#_5x;~c0FjBE zP%4K9ngcvc>+9+1`GF-Y<$|yZrsk40iS=f0(+J=hc4UQzwI&u~s#x1fF69p~SgbS& zH7>`RSxRNYfec|KDfTQ2aLHZ8L41kE(t8qCdR5YkGEdLi-L2>|MVg>Sqm9BxhN@a-O)+ku-fqdT* zS<641wmHBClQsl>$&%jU<>zkGvhyXhHfn6(p$({|CyIz3=}C@Yf%zEN@nu|+75*Mv zz;rAR0o2FqI4l70vYo_*IlvPfV2t%Nw;sDpn|xzUo`-Xw z))J?I)hz8AU@QZReTht2Sg2CDlq0MZV@ArLsfiqj^(x(0rBGkmBgt5$_;IO0t}qAq zNe9-8)`DZFPdL-OyAMs4$LCjC6JT2(2lFxT1O^!6yVuEzvinddQ>Ei>`_EeQ_N2Md z9AFNxP0G}qoE#5p0s`y1&+`mZ!;q2jF)IT6qLXb;tF$P<-8IG3ksn6g<(Z`G>E;02 zng_bOySv2NkR0B7l05eZ(m^*r_8IS?wY4f+0Qe;v_e5I;;J#jJ4%+Y-QJBl2^9fB!Kz zAClBoMEH(gakA|xl|urIFb=%Ih6~3T##*s>9LkVVs81t2xo`m3pcSO{e2-cqx9cJ9 zYgG+u8+#=g)|C{oV{Fv|m5U?8yZxZDnquP<*(Pgp_dT$(<_!+8g4on<3jsgv*Q*Ty z{HnbJEbRnXu8_8eazG|68w=GO`HaD;IW~`)0+*3C;Q%$b|B)T*RaXtF3wW_fno`>_ zR}vVA#$}HiRBRH5Qk)m}gtCO>6b`Twz}PFu7C&25mDXJm4K%>*!#?vc!|G#LZ4 zrK%p*3|axQC1%%v#Rar`W|L~~pV?=%_Z;fi=?1k8>xx&Uwh`}@%jv}|E?8crnObNQ z6Ff|%GEVp|^mtFBl%4Su5lI(**v=GU_?~y6tuqGh)2d1B^YNhZugc?3)LoXr$H2A( za9LT|DQiO#v1v0?Nuu4{+2@O!w{j1HjKa+4)q;!lDwEH6*t-6&y@h><$SBa?T<+ zw`%JjD`qq0JTqYAXPE$%&D7anB?oDnnJ`V7JSS^_$ z{U1x14)?q?mj&Z~j~a~zi`&_KG6O;}*g-JmdWP)2M%ere;U2lwB@sUcKnUq5wcXOv zDjO!klD1hlav8*O4*;x`nSCRVd`|?(#(~jhN$EY=_%#Pu{O3DaA)PR1+2@q&;>>h7 zBAq+lAur*(dDF=O(g~4pkJTOJ66YlgskA;bwh%?Guw2qU!a#`eV&_7+rDL&(03IBG z7i&)&mm|dy4+qqh+aDNhmz7rxicfQZpOj~2&z}9>ctKHh+K=*Ae8F@iGMYMO3L)8j zLO&k^JGdtrKh*JpqIk(iOh+o^-!EbH3KxDbo&Y<lYd4mGRav9N^)_gI_?{#1cTLKKm`xo~R(Rwx{}NrlqX!>rM``wF=;i zjJraq8CkONR>XmmQm->_vs^i1wbxS9$?J%pZ2L$BOu3%LR<<-QL-IseR4gl#3o{M1 zU>@Mb%9R}8;f0eBE_uz|Ftq>gzf;S{GntxG^lkR*ECDd)KToxn|D7p-VIeO@MzaYQ z$lEn8M~DZ@w<_&0h_Zs)B@`YVD{DPNBciCf<`Ikc%598>G{dyaEX5rPF-b&mJ?r)k z;r>cFz$0*GnSFz^_K*I9sksG?EK9T<7#MiK$-%Z43nOG?sjjo7y6KpvDUN-o+1vk&1Iz(7w!$w=nKEUzt&Mw!vi4)Srh(^qG6$Fg zZ0}YW6Bu3@O;=h1spIqi9M^fv(sdCh9tFH_3Hoa%``FNX!~kQ>DWnCO+Px52M@r>N z$p&oQs?Khf5~x%cX@sUWPJ2*UrMUZGtF}!xO_2jU{IJr9lKlY>1L?!xSS5FNG*-B- zuI|3mz^WV5>?H0xVt@gkQW!^y#hMD&0HUU*7TGdW`MlD@1DQ}t<;eL}YZ?_F4h4n9 z9N;lb?m#$YCONQRyf5g}b_(yX07g7j2|z>8l*%4AsM&-NrHLY@_7*nPE?a+EsH#%0Uog>w)^h1aQ|!n3Uo)Fvod@16f{^03(mLtE=1Llml!Yh^LA$ygGgQ z^tWxi%REaQzdz$(mX}*#4)B;{vgq7Gm->ylbLTFxF>v1!W4zBhh_i|V%mKEjHO3OG zZ&p`V7g!VAS+iz+A&zzNVEKiET3rq>2iWY^7-Qq-#IfcqZ*Ol8D~xkzirwXB9o*^; z32vWG0hQs2V*`m7H`M;R+zgiZP<;ejDCSZ zlzrnSI~VO?_7v)1mK7Fnmu7oiii}}XHnBwu+PI#X&B`NVFVn5t#q1hbq6agq9@W;f z6+4=Sm@CZz9)FOZ7Q3ym$TI;}cXzi%GWwH}lETEU^6MhFGsFkU zRZ?migDWoKD&^n0O~Dr~>B|Auv4B&QkbI5JX--YgV()`PFX`JtJ?z|&otsA)**SDN z?kE(q_jrWGtAKm^p1 z)x(-sfoIR@*R;YmDOf`bb)>dZ(=!=(`L~K#))LNzqCIFwM<>f@O3TP(KqjT6QF>Mm zv&Kl2z%>A^bd4Sw{IVq9!o^ebLDDps?}1*s>3aacUpk8R z=yZQ`q`!x&a(^KX;3}XNdE+8#+H(v0AU*{%5?T^2d!GOTRmseCsQZ zSX$|oP@7y>y@~%g?N_6tqc`o`x$`&_?+wdzI-PS#Nr_8dUfw@iTU!?z*Nu;l|9;=T zeLnZ^-~U>!ZQ=L|oMW#5*VorCmIe6SxpUhk#piYF)`jobvBQ7$>ebP^cI`SQeQ8xy zRm;-T)7RA0)GW=+%v@btTf3yZynMOw7p2Asu1PVP&+oSx&cH{b&83k)UC zGhuX4(4!Zkv!wEsuG?Y{1&7i9E&Ybxbza7FtB2=Fsr*n}S&Hk4)b{X<>elOb9#?1G zQx|d&EUPUM+m7qnHH!?7Ra8_g2RubZMSqup%GZ`v?ZApho?LCJY0~S-`$%WK(+J%)j`hP_|6*<(N5lHGoA5u%$ zCej=h&hv9-=dyEz_ucnW*n90|ck0Lt(*OQdo`0dPJBieheU{qO{i&lAnudQBq-p=4M4R_V44}X$xw5>Jc|x^I&TL4G0Ku zGk&1s;g8>t;W5DwEIoMepjU8k@DAfPU_63?f_8d%c=#Fv45J}H+6G8nU0p+r>nZ{4 z=jZ2+<3ihEZfx290|-6oN0-`ms_xKw~Ff%?>y z)Rughv~jzsBlkRY=7+OaeH(=_q(1x+0}(KzZiCw&ga^PPYP;sk+UUp%60UWXG=5(S z4~a$W+@9)uYK{JhT@OGT1Kix)ywJ)^00FrJRWKV%myFo4CEdFap~PyCZsty*ZistYQciaBJK z)wb&=cIveCUl|@tNl96^cJ0~-^wbQGhlPc05q?9*4UZKR6s!VBa+X>6okf27>8BNd z(HLMTjKX zE#(NcT--=4mo^D7`;g|?JZ5b*M?NEM!hUKL+H1RZgw-_!Sm7cc0EP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17hOq2 zK~#9!?VWjSR9BXV4FNRNol%dJKSoia=}c#mX0mnDtOgPX z(!me{W($x&9J85yF~&9qykPKdgE0o%c;8nr-i^0%d9Ctp$~p6X*YDMoi}%V~m22@m z(ot2t`|f?u<@(;a_ndp~b#mgu#SUd)VBmK{Lqorxi8?qqxRCz>xY)DI8X9`69UlIL zW~yqn+TZY>0T+7)xNjx{Tvk^05Bz7qWkv(s+t+Uvn9S7<2iQ)2e4@@4^(h0Dj!EZm znFPQMP0i%I-j%%lFH>c8Ej_HLq8srERNvS{VNo$uUGs>-qhsmF$+Hv@bAw9nmr+@H zCFK{Du=f1v~G4SvftbZ={k34=L(KoY20Cu0=#qOk6xwRMn8H+b+t; z&ZENOQudman@{OkxvZ^kw(Ovm);0;D59AFy&RRVOLpij59wjQBzicY7~W@l%AB-WiPw!@(wrv*NI;tVAu zCezW=UUbUKhk-gM~rY5Mud3EKPfA#&TZkHL((d)yDwM}J*L zKK@tetdAdsMaR(RtJVte$I|w_KT&{CA252JI!7KyPtvzL_RtR=hw1Ch+t_Ek7w(U> zg=;)`Si#!g`u&gWVSwW~`9*Z_*lF_e^Jfo>dubW8;|F)rcK5J*@9ys909#1_?Hobp z4-E~~kQt?^smVzHMI)X+rrg4PM`;as$ZHemU)^9tB8 z=|0jjv#7kXn$@j+R8Kc<-DbyeeoA^KX|&x!n>nP__OQ=Q%`L2qccG`>+A>Sq-rjzm zra?SBJYE+q^K1?M!-&LEIEz#QNy z!8>nwc(|WzP~zg^J`l&?vpB#UU@oHtR`*wA2jbw?cuatcO77F+$GTC+LL+0SsPq91 z4h~UY{{Z#$_A!O$7w5L9Td7NlmbU8SLV&ZPIIuX$~nRnT+ ztxuM%qGpx)iEAS)3^$5|3^_Uh(0PoH`mz zgrX3B!Zp!8!b-5}O5q}zime*J`8cm#oK+FN=0Gl53l7mV~Ny%CV7!%tJz!+y6d%LB1(56(U8-8Mp&H*-) zw|OE!d=^$ue+jRrk3%0>1xQ>QI*C~EQ;rBQ<~*lnWU~3nP&lICltNi&r-o$_1zitk znMo!0%h-HogmzGlkP^zX^9tF#W>rfIb2_06VIO#`@1Xv#3w zix@LPM@U|1@91Pn5KdUi4(HFrOrlqH;snB$rl=iBLc z*kl(PT~i6VvAVHJ$E4TC3f)}kxN#eXpG~zdS1xs_ACIGJ%>g#E(`qW#a4KErsaSo3 zX_tHq%$-wWd>PB9d6!ZT4%3U1<(5 z2iQKX@6gcDpe+Mt=?8@H9lT&?R+t0K0XDz&m1Id+9n+su)fQ=YZET~ZvX>kJU^s`c zTn@rKZS5UTl=t-XvP1;TgT{N~a(Ia0Q8o+#87eZF;E7hcK9*?wFCren$Wuetf%_Xk!&1P@Y2;c>FWQE7ICKh6x??27rI+yw8}EK{&t`vc864o)yfQ<8n->Xi>MZ{9j}R$pMIo7044-x(4bhl_7pxuVB4L@_kEXE&q7h z<^UT^+7R?5OL~jf1{Tqp;8NNcIW_Rm2Gr6MMMRJEEJv`wd<^XPGA+ppUj^hdoytQ1 z_3=6l3jn-qCvjm8@C*kSW4#5_GUH-cN9!)jIKZ$nFHRQ} z>wQvbCommLPDW&p`&@HNet!OGJMc!22{1gtSo=z;{Px`>mbs)<4lg!h!E$BrF#81r zDb_^>6jBeB?h7F(Y?>zL0mqtMc(7oTG!C#bz|UC&U|8Q>=Wfup(=jH`!#PlEiPOkx zmUay=mVw2-M5Zh(RHjmR&nvgmK^vHe5K)FxHC2<4}f_LVXg$j?fWce~6^!uP#x?nY((3huV8a zwT-=!4C_jY*fF+hfy%{^;oYvPsiT;5zF$jwcxn3!G)=kz`-`wInw~}^G zW|d+#Q%+tXHLF@!QiE|B(g5MvMlu4zRdSh3*f>ooSs}lugx#CmVtgFn5wTh_L(1Qs znU43oWS3>revfT!ZCKpS?voi1iop(oiT6@v_cg-iX9)MmtuBf9F#tkHN2%?uE{$xM z2us?gXJs>pZ!Q2$8UiuExsfan+n7|ZDzN{<< zn0KQgO`rb<)2T}TvF&DS%T#8Rophha1u#~Agtr;1Kq{>)+1aI)U04ps;7wMlE48h( ze~~obS#j$Z8RwPp)-W94@x_B*K-k0*K&U_YJ=4KRf3voy{&1nCtncei4zjfh;ERa8 zNlB^cvhh~LffJJMF>kY6IbyYUlTzr|886xPkqVf2FP*JyXAeDIl$u!Cm~$&nz>=<`R{+Gu0JniYEIF&Ijpk;z?lC$*Ixd2rT~V8ycQ9~CR`wI z*SH)Z9xUIgw8J3E@{39-EGkCUdWM8YQeAxmi}%WHjD|GBXoby@BaE&ygKN_#7WEcO4+(RGmYharUj5pRtS<+c11xKW zr!*Eu$jDM%XG?X{F-=n(`_8ks{}~6E18i)CUzjsz&fB&&?j6h8Pvx2hp6A&dU=Fao zTVYIKcx5tOX$hp>PycmV=PgUuMVxpN@V+JJZ=LL8L+=R#j5Vi_7HDesLS!8&l`AD1 zuyw2Y23SgMfd%7zL7%o$c*g}W;;Bji8iJ-&rfO+r6GD_GikRA4*i^ev)K#+XIF5-X z9N?*qhcTsak%Pkfx*d9*`52f3JfW`iJh6-UmV?2&&}n43oH_RXKjHv$fXCz1df8DR z7U9LVp>yrH>&yY>08iKw+kJOhxc@iAZu1;R`QLDWIlvR`PQPhy;1(7Zrif$S=bh{$ zO^^f30k#;#=zhKdDC_}VOiFPYnd7{`fh?~{fRV@B-#_4R$^kYH#B)U$UY$RG{yR3_ zWnLtX-=A?X%gZe=2Y5;{TXb%rOZ~>;#fzP74BWTG81M5A;;iBTbAT;sjj;sln{{<{ z`PKw?(V|74iDO+nSbpW8R+j_J0XDle#@P5dajd!M_|sbhQX#@>o&bCav8YxVp2VwxlN4#s?BEZ&awtuS|4+OQi_8NK}cDI+VF zos0G`dkS?h%LjYfgk1wm^k9ZnLt`^rv7=** zxzZfq=?D2~vD*rZybxdw3=CK#qdy@bAyn)tzb=BiKzxwQo-b&{p!0s0C|0-zpvCc9!ovjjF>;MmeSN%Q?w1Pzhh=5wMdRX(y z?@FM4O)G4Zf;F^IM`|l6C5?fXS5VBdmT)c7m;=m(iwyysl9F~XH#awECTeD8 z*7-eq_KZxAC8FoKakwd35~vyIEW$(FU#C;5cZ{aXy+Z&te$uU)pXQc{-{&gB(F_t(pvTi4X`<&lda zX@>+2zmsw{Iw|8+ZKGO$?hX&npe5gI>HFU=Ht6-F&*fuMxvIT)^|xp56s$ZDL+g&+ zYP?few~hZe?N_6sqPFeZx9>a@?+wdzI^B}e(o&b4oSeUFG@9kcb>rgVzB_d2(5dqB z@-OAu7LI>`bLlT;f5Nd0{{sdt7_>%J&fuHF?!1H}!bjmRg}*H@_h_-*05Kx%Qj z#?Hk#c;BB>D}t9o-BAVl-+%L0m#8njin?QpNE@CYD%tB49?{#udT?U}qRbwjcFYE^cXrZvB&ql80dS=EH*?$fpPtTa59n3%X} zzH#{4zoAzLWq) zkMY#0Q%AOK+ZF&VEG%3n2XLo%GBpda2=*TB0oJBfKGeAK0%@*hQ~S|)YCjfFnxHIF!TJi;R`qQ# zyN-HK1Umf4q?bPg_ zZzQK3l(eCxMSt$Oi&yr$Y}plMsNpx_-K6rK{-NbQi8Y~umgiKpWp;HBxNykqS7EUu zBO|v%@qQw8(OpM9JRs!C(dAaF)hnlS4BX`GGvzTb0G7TJ!(oRL|G{wOUTFLELjNBc W7cc0EP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17hOq2 zK~#9!?VWjSR9BXV4FNuY&^@E;cBGgM+^t9v=R~T-2eVp{4v6z{Qqj-th3l-qF!t zXs&8+Z|`sT&wz_91N>kv16)y2@h|*mz-3MY-2Y&}Brut(9S*RK{P;wjFY04@Djk!~ z;W704)7uDlUPvH!7&& zb`_PBmb3cHSA0gN&wJ91ib{6gjf&fJr=gL`Z{DJqge0N;77C4up}3?Js;sW1EzWx> zx1g9bWm@){UsOUl`9-X)f9%*pt?eBY5)nhB zedA1R?e}Q!Ay*0r3FiP?0jLt7iv)eVy}kW7O;SciMtTbh3f>dzE)?70P*2hVA3Oas zrDkN&iL)Mb#>0z&gE@?AcHMbUj92ZQsTI#(UxZ zSX;Qp&0CeM{hii?+}PEPp}q zb#_d;kLek(9poHYB>^RO><>XOM?|q@oLh9}9V}Ca_x3V(cg`RzD%Pj4^ zd-pETEQqVC>&v2Lp3ed1PAo1nv$%`NLeksY8!1}l`5a&lFqf%W+{ejEL>M!-&moXG zz#QNi!MkX5baa5MP?D08-Vw*(^Ekj9U@qeYR`*wA17hdactU_n%Wu%bha=;Tg-6Fx zsrDuf4Gq(SfkEo)f4~%;U!2?8)=u3$y)+<{A307SxT%^=C2Y7n$E+!k75kbU|)4aI?FdqYRnQu*A=9$Wa2MjF|pMEjB&Q1w_BPAZA?c-MjsiY zbAV0cZJr7cA4N3K-y<97{qQ>$0TS1SP9s+Qm^}iFInV0cJT_k$3P%*2QYh={>S0+# zL1B?BGpYPW1)I-|&<@HGQbKt_v4+iSZfR|0PA8Nh>;sSWwVYh$*eVn1wzYRqN_r;C zAd;>P=UGa67FE^M>h3|hH#ovB2Zyk%rV2RAZdd8bkh~BU9m_&axUcJFT3zA;2Y3o` zUU+S%3(>&v=&ZtvhX$^ThsZQSOi$QwoLCWH02vY)&Ah%y{R3?OMZ z7|tOqmxC}*$Gy%+%KQ5ISt0`FLF2t)IXuMhDC>uS^c9&*@I)(JAIswCFRLS$DTQk& zmBRzg0iLAwb#rt3t2r#?s_+`7rjjiw%_eWt0N^DyWQ8ZSCKh6$BzjZ01>fQ!*WchXl?6Y`M<~tk^>MEE08CwbPd#1DntCXLBV>D<@;)7 zE&pWN<^bzW+7R?Pb9#%{2bR*hU@dKpo*8&(18VMxBBDono;_G#J_fdbnU!RPF9S-L z&g3D0`gom%1puD6k+?7ic#Z>%vEGtdnQ<{XLL2=GnNB&6SNNi)Ti4D*N*v%h4lu0D zv$F-oCNDK@^;NUisR-&oXH!IH);ta{2iTfr(ZIk!_iTc(-8+kEKw{C9&OZ>4J=*|3 z>tOwvN)rN%wDDAkEwph$ncm20e;rOx~El|72xJuZKO@UMfJsZX?XA<2iV#? z(1U}6T1!K6`p89cJLW?tTs+v{cn@uCY_kS{pR;mLv{?XtI6Okh$1=&|R4$GT?{;-_mV3*J8*)2S5! z{GzP`EbRnXrI5CVazG|68w(BmI)cF(yd{bvcPEhAJD)sP__Jf34c+7F0$yyArqp(9 zVlo5Ku&kxEjZNZEiu2;0P?nsQ!2wnR7<&a-11SFcT*hgYI-3J*B7l)}k7RzO$rzX| zRd=Uh+zOECXR{fsfcC;CespnV0Q=kj%dl}PNTO|6SG+2 z;9)G4an5(4XL}l@?2M<#D7y09ex?xp_q+>jnKAJFd;R3UF>KuU7ZBGMHSjU8H33{% zS?OzONFsObW-3XHi!1v(boXBF#Ij%*X`pwI3PUuMbR>h+UIo-q-^s&B))q#3=bd-{ z%aVY^?)a8z@7?i>)5UDt!j9*7d-E_7pUA-hRuFUzU$hh)>ccLSvh^#ba+0`xi((m{ z$iV^T0FPOg=Pd%L&AZavk1@dSxBYznX!c^a)srR_7Mg`j2Al>$}Js>MFjBR0K8ax z+OQlcj(9kruH62>XuGniW?X!l1N^8w@%rnp|7EtIsJrYz#T!0iIu)5t9TSC+Y(Al% zkAdyn6OAA0Y(Y`(_%73_O4YZHte$4|UuP3wyI4|(18o1E=vf&DSFCu0Dp&tERUX=}cwdOmrUAT+q+B6Wqn_Eu#>G-0AEym zB4w&`WaF)f1E*$QW8P-Da>Q!WGgWl*XAjx-kqVe`Er+daX;_BjiSXz+Rwfr_nrOj1 zz>AeDIlz+(Cm~$&lBr?n`=5WO?!PT%YD&?yIXYqvfHD7hp{;y(#sG$e42_Cm6E2Xq zYgmpD50-CL+F=l7C8b)5h>4T6o*|LZRNruy#e3y8MnjrmR(6i!4uzN`qPU)QU%zmF z6&&CxII~Q?!CBwC|H0JM0!NlP+V=7BIqqO*+l%rs@Z7P&=r+D;YIuKn&~KKmZr@-2 zm9^jR_-9i)uk2=nZw~Mrw8Eyy5k}XU!L{uJvwDlAhlD9YOAcc*uYPSq)|Ug!0hYDG zGa3scWMrVu|K*3#NOZY4^?i6X}K7B+y3-|wu*lk{5FW(IZm;*f3?)0m+2ChbLFfeF$$^kYF#0y0jUR=C*@f%j& zWnLzZ-=DBE%gZe=2Y5y@UvzGvOa037<;xwd4BXem81K_|;;iBTbAZiijj;sltM&Eu zC6)wt*|KFHiDO+nSbk-vR+j_J0XDfc#@P5Najdz_-QE4L1;)8c#qRQxc5Zbi1UMuj ziY;Y>IndR$^=z-*_~aBeH@Ui|PPd;gra5BoV9ZCx;_X=93UimG4ZAUw(ZlBw<>nW$ zbI~4VPoWNGSz+;ZX|`8bR4kjai7i^t#J=U~>MFfa|TC#dr^UB9R zP`9QPwn@PnTBswnm8r^R;1yplV_8c$7mD_v{rwMEMpKqLn*o`ckwvPUJZ6oND1mDL zTIm`&!Zl!(ef)#irfLA318n^;KOuIppA)U~OJbLInW(Rc`bWL@%S7;B5zl`?1a^sN z=_P3A&E?P77RSI?WKU_ON)E8~!VK6Jh(JFsj#YmxcDWH-{;jCbi29TW>l32Kdy)7+ znCsATCl&|TYM_?Do-e}rm>#6__0HkK0pV`uZ%mD2Y;1I_s;XLV_(5Ix#BbQ}Myhk_w#j{{397uqN4&4lQJ)ZU^9!dFf}Xn) zlOvUHblw+tDj=NxckNg7){1pZ_a1h;D3zazugq}v%FTd80E_SpDNug_SuYE|KP-+kx*-h1!eUA}zz zT|5;xZrqr(cJ11%HEY&ndwP2QB*?j$034I9az7!0E9u$5sC<2Zmv7iYA8y=Ee-mB} z0d`BQuSzUwsom*aMyZ4w!Srn$GyG1T?`-Sc=+Qtq<>5> z1Zz*6IB_x{AmD&u8!#T1E?qi!`0(Mgh5*B82$0?fq|VOHL56je0QT_kaK&+k|1LpSAIE~3nHIaC&Z zlWrv6Vy{vgx6-S~&nc9F2$)gV9kFvYfShWor~Wj&qx|EtGyn&5i?T zLx8)wx>lb&dGf@hEij&r!WVJ~78t2U2(_T{BSj`|sBPMniz1FdAQc@kOfKeJKHq z9^;uaXO8dMwJQLs(P%cx0i1a*n=Y>pq5QxSN_SUN##uF~F6Ohcz^@`G=0GwP24AO; zZ=$JKu%dt(Rx@H(yv_n^Vs236o&@$D?EzNL75*eJ!P-qal1|A-GZ@UUzOc4|Uq_JI zE1$I|JRDhFeSn3Y#wx*pHsF7QQ8oJ*IB0WZZotOyGM#P;*RheAYQqJ+U0B_b*L{D`i9=?)3X2^b z9laZh_fx5h?mFt>0U=k8E_Yj7+vl@62KM~af5u~A04#kb`oj(f{)6Glz0kJnh5mmF W^`Oz)(7(F?0000pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17iURC zK~#9!?VWj0Rac(J(WqrQ6{|a)PF1E-m8s06Yf>pIHBM)$rz(F;rIMP?bS7yh+q5k% zpb4#s;u6IzVxmECVG&Ul0a1}f*+CIeKvqH76#-d9_WiMM`OWrR8X8*8e*s*~Sr!ZrkEq7R zexdoQDwXQD{Aa+$oB{5i&j6Q|mHh+%8E~1`0QdC|=mjQywZj26lOLa`3q^fSL#1QV zIb3D{@Y9Ayve|4;enA(hvZ{t2RXnC^Ny$`K-$0SE@l;j)gredS=%nXaijKcVr4P!e zth|!)i%MAim8;g$DQ`b|P*%atdr($RPwMKa%r`?P(}4-}J-NZa=wqn;}C;ZRS}0-rc_ zhLTg#$j!@#PW$*XkS>N^p`TBuGOtcJrhi`yA;<=M(hp&OPii-V67~ z+QKy+KB{2t@BZN@_AtQly!;|M=I%v4fkEtHaVImI_WkHYs-9kU?>#+z9AF~}pj{;B z(&6FZYSN=LG&DGfK+kuWCk42w<_YWC!Wz~K7V};~5!F0-N~!6Y)Y;Wd_X~@uy0(t; z?ibQy!Ad*3o>F&(tEy|6W$o-zG0*^G$%98UJTl5G>yxJqR3~Vy&>qf3TWAB8KlgqC zJ0{&nX3kwIudHHqYo656wHr6tah#u?l|$XC9-+-VQmJ~`=Z3~+R>r%~b8l^#rEPC- z_oX=yXJ_ZPM9aL81I(RRTxMr+my(f0rBX$SR(T-@m;=mZdKUM2G7%BR%&qeXWDYO~ zcvkQ(85;G&WTG%_+e;aEgWJQbBb zq@kf<>K_=S-oAdO@ciQ3=9X6K>Q>Q!P=+uM>cGh~I5TXgI|u-eh&6ALzxW*re?k|urNyy%4M3?jgW*exva#P*XEA0BBL z6Tw6%3gIVQ6YV3c1gowTE>dcn13WW$my(&ws32mmKuxg-S_D$wmtp6Ppac7-wsHyQO*1x^#4O?3pn- z2Ut(u=IH?OWn>-wUsN4^7V*R=K;qia8N`a8vqXR~=Q$%ghs{@p!Vv|h6v{d~yIB@d z$kiy8nN;$ijLm08Xb0s8DWN>~ej%IJ+|=C6oK7f1*asf#J6YMxu~jV8ZE00xR$i$tL-NAam^c=4!hIDKm#PyVIKb10 z^TKO8Q-}tJ$L17XJT!1!JVa&?VtT=hK|YO&=SDOsc8(l%$z*- znwF8RE{CROWU*K=ywI6BxfB_fz^o-S=yE8F-4+y;QdnfPP%oF_5|h*b19H?wxCm_` zG^H8qMT{AtBP1`hcXYBO2&oJY52QT8V;vlRmBoxXz|(hHy*Lw)8hb`&WC>>@`nV>> z`DQvE*4c$d*HnUTvTm%>G3j+gp_?lm*KR}ev#$2#%B3##$P~KP9AG^=t!85lXVZ0_ zjn&tfcFD)U+=*q@vM4Yx@ZXFv9-WEkbKH$yhZ%OIIlvs?3D);TV>*?lBPlgKdcTI) zmF56*fX&nT4i66xnKEF8en1G{!OLc5g*m_+VEtQPNmfPHGW|KD#USl&OsF?h_L4;a z4CfG*%R!i@t-a%!^4{J)mWY6P(0H$14i7Or%9kj_vJLOn`OEX-Nf<)MZHOliY2+!wBmFqd385-u;ia1PX1 zVl}>+rC9@vWni%{kuD1hRVtTqgq32PvehX{!`JF4M>r<^VtI zzsta%4;UsU7-cqQ#V{38e0lmI3ZkzdBf#=Mb)|C{oV{Fv|m5U?8yZyMjmf{nW*d}Xo_dUL{=3Nf3f|%593jsf!P^$?6 z{D!#$EbRnXsgSmZazG|68_U4nxnsQBy!(6VK6H@!E(B4#%{q2$xW0ZuUBHV?(v;ec zyMBX#s9o07+`=YtD8+ekPbj-_D}@8B1TgjrG6hgB9dw$Yl^K~FU_AkhqI&pEj*zNZ0cve6F4=-_1K#7LZPegnO*+D3>@dSxBYznX!c^a)srR_7Mg`j2Al>$}Js>MFjBR z0K8axTDu%6j(9kruH62>XuG1aYC?RP1N^MK@ZNjx{b{bCsJY-n_rLy<>2zc!b@UWM zGW&#nJ_fdMPc(k0a|K0-%_mH!E0y2duzH1S{ydieTf~w&9AL}$M9;}MxNOz?RI%p2 zsN%@(8P#WX1s$!eF!;Ut`}^;*;)~jGfX&2_wanGkb+aLX7`m5ERjc1;IvdeP8`GFV z$(NPo0P}7%q~WXoU^-hFaNn!9wsd7inMwC~N&sW!M|hjD3Z&A?lAT>D*@fkB4Blj= zx>DOp`xi;`ofWr!k#SyWZwg~2c+$$kwio4N;Q3>P(QSN3-|+s@-)E4n zZttJ|k+t7v^Pl>5URlfr-yGn1XodBWBaE&ygKPWe2K5$84+(vQmaN8SUj5pPtS<+c z11xKWXEhc^$jDG#XG3+{evteP^m7`2z70o_PDx6areP)RgY|%A_sWtVWnv$`vV>Z(#O9yO78AV ztZ+j^L%G%XsvAqpBI&BYqK=L(*)m=Eywbx1nNUjQ$oXw;Ygc?Y z*zM#*WDZEnx81Ymk05w5VDr;(PWfMY_CW`3VTUb}SP}Ehj z?l_K#CLG||jfXL%aD|1!`<5Aco%tA;13ay+^b)a)`L2b*yWDDgxtvAj{y*XXbAYGf z)OyWQAQs`pwxNs7xa-UT<^WII5}SQ@TDbqW#cuN=OZne$fH}a^?M}aAZr~Oc7N(11 z-j}S*BTbM4%mFqS#OQv$4Jgb3UQ9}{8lU65%z`YhPJofeJ1{V4amoSK55$W_7~WXA zbm{vh-eq1Pj^AIfFw4s=Fb8;6vQTtxp-cVt%9Sf^Obpz2#Tf5P7UHbp0CRv1YK^f3 z>pQizwfV*bcg2boUy5U0JXn5Zp;ngz%mLQBHOAQZH{w`xg{P;dixI}T%f;^UixzHm zCj~e>GMX)AgE`QTt83X_y9qav*xcmDRW<7Ud@;=tdk14aG8S*g`c{~`EN$40sf<2> zL6m*>9y=H9VfGa2V3rjYZe3zQ&S1JL654dG#e`xw7QhPpmpv3C;(*tELU z&xs%{6T7k)iy~S6kF&AN$c}>3OoaAr(b~TvI;a-UGjOM5fvak2DNJ~eHLYL~0V1H5 ztRB|93cPe#y`~kmNx>Rgs3WzNnx4tPyI)YuvX*cz6zxI#`ubT$Q(8tQ12Q=!jncDn zm^DVC1g-&SrE6pf*MLe1mu**bCFG0ItK7YsNI0nWddrB)+a)3=2X27;c1p0Y#tom!Q%Z=Fb??ioB)Zd7( zz94$MmxvF9`3^02VsU^?25JfHg(95KX+XMA;~Xv=U=A=B4loCp3l|dtI6Xb{*u8uA zLgu69%mh|^8cRwQI{Oii$SNom<<` z{LRVp;hDz;jk=Y7HZC>$bWMGW`rLiat|6WCs;b%uc#4aQ|1JZSr*<2mp`i!00fpMz+sEwPyY~_l?={Op zLP8GN*w|#OUcEa1;K76EdwY9VYnFfX(MNqBeDDEn*svj0^EmEl_wL=HJ9qAk5FQNY zZrr%BOB-O7%TXGss-nJ-%hYMVg}M(OpsxM9aHcWknwq3kRgNQkHY=qMV>$e_+0+o)^T_oO=R zLPJ@Z)N{&%9alLYeFk8BUmt$>;h5&bNe%G%^XHF9iqCd-b~iU}+?Zl*ZJoD&|Ncv# ze){Rtl`B_1#Zz(9rcH^qwzg^O*RRj?^Yc3@$l2Kd9D6(6(@g|dQm@O=cQpZC`L#WL zv1up$MR?T)*!6mC<@Nlg>fHgwlw8={cCV@v`}gtgv;nn0EX--NrDeVL@qmB;C+!D1 z9{%_ZX&w^{fvuaHn|p9@@FDFsU_63?f)2a5xOiy;45J}H+5<=(92`Ql>nZ{4tr+4TUlHo%>ooon3P-QA{af$?+{{vk(TfdMSOOb-taSNxMUZ{B=ec%p>~peJiL zI$eO1(sNz30rtBRcS{ps$@0os;J~!H$YY7M!wLBokw0q@--$wryJ!dTN@-BO)U93BMs<&13ob`I`ZfoMje%XVIU1_E{BR)CL#|qw&o* z-z3Z3mlD9}F`hns`sAKHdxD{bg@v2s0Pgkk6|C!K>c0|Bz20Z3*Vmi+g3hxtSj%pw zBh-KO3bVAZqJX-`(?fXuL2ZEtt|d_SAxHKe?E%(yn|0K_el7Kfhf$Bat6;s|s4p}` zu)aH)we8%wgZeH63H1&#$Wd1lV4ROV6RNgx59aj7Y g!@~07*qoM6N<$f&q2<>Hq)$ literal 0 HcmV?d00001 diff --git a/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png b/src/assets/cinnamon/thumbnails/thumbnail-light-yellow.png new file mode 100644 index 0000000000000000000000000000000000000000..e46a4da78c90c6b10cd88607e91bbb4f714923c6 GIT binary patch literal 6093 zcmV;;7c%IHP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H17g|X~ zK~#9!?VWj0RM(!z(Wqr!D%MM0UaB&cs!U}juO^kUQscZ#y{XC{Q>mopWnyA{+1@iQ z5jUbqL}OgzQ(sg9F1SY#0XIZZ5D*j)g=XJ(ML-sj9cAmL>88nV?)PwSPt)GpY~A$2 z`BnX@yYIQ@+)LA+`#b0NJHK<>+_-RYLh0@8{exbw|KmhdolZBC{{px;vrN+K`?~u3 zf2E14U0q$j<39r~&J1wRL23XUhwF*quYKH^tBtJe;CyV-&iAu+$ zbGVEG;D-&3ZIoM3 zNUOfzNG+|8XzMO-3Jwk906PGv5}?xreY&-^bw3SL3 zzfeM=iVhs}qoaNS45V`xFVpUQ2Px!oI34lxr@e=c(a-x2(~h6_(#GvO8O*4=-D?lc z`P%{tICGwk2Lw_0wP^Zc@iGDa7}~sJHw6pz0i*BH6Xbp12z|e0JN?6ZAAPfK6Z?$! z!u_$faE-h7Dp>m){{9nt7~ptLei7|Cc#Qml&aj6?a#{v$`G*&Eb*tIEcXw+zz;+Tq zJ4MjxdcD4ytSAi)4I4$ECpyeS0$f$|fOTzQ4eJGqnOjgqH4h$AQc4=NcXU!-VKG(L z)=^GgA>9|Ow72hJV^_GUx|Uhi_Kq$F8elBBbC2|W24-0wJZzvkL2HHfa4y2PsH5v~H`#HVpOT(Qon75Rn>p0grDmTS8k<=e??R8iwPlv} z(W6HvX&l7c+xvCVGEe3Jb0-#;v02>dWGCtB>bfdg<;fgi4ltLIS=^_|K|~lcw@x6C zIlvs?F~K{nzrSBg4k)p)v9rZ7_#_T62bjxXfz|yDIf1yiH69Y+qLMq**Jl`XEG#mb zic0U2PN%0HZ7-=cJxt;G#ktKbt<=%kMOvW@VII_hlc~2?M~~Y(2DMcnhMde54zJ?U zvO&iXMnZdVsFmKmN4JwxsI~1e-Aq);wxQHE2Y75&cWP;A={#~G!NW#;=u9YpAGdeX zM_{UvDL)(7B7D6dik$)rq)v zgL#)t+xm3DVrpz^dE(j#3k9CL@C4MVv~)_%$YP#mD30Tp-2H#K)Ps4^IlvR3%REeP z^^}Qbfnx+f%>hO{_QuUyEF^?U8?e%K^^MFrBE%$3`oMV+F*g`QfDN%*SmMF$$16TO zRH=i(L?{a3CtMTlBdi3gt`sg(YMTQ*I(Vm(lZ!zRG2}F9q5#atz+5Ifl9zd`($mwE z??MoBfH}afZ+Xq7v$HeSMIhz?bAT<6dC5hkq@-k-3yg^!24IY{&Ar{yJZMX5F!Vn$ zM&|%q$=f^;FLmHdwVC# zA_}>3m1QQC+$m%8nGxDSIYLS(&(14k^O~EQo0-!IWeEGgW1XCy!5mw~Lfw|uHj2NU z#4?DaYr}aKe_KVBRn^9OknRnRu(KCKSyodSoMq*e#xf)?T#3BKLQc4^g5pwR;sXbG z1aV$?ZAS}{R^LCa@ZzC?>*66YiV)K?P8=sz1QWoA?OwHRhCp=T~!WULOf( zHW8XKjrAhNjL;F17al!sXGsuJ86F-;d4$J0IP?mO8FPR~?zDP#G$1v0_l?RDjzz3- zO^oxMbUbXa3yrR+1l>^GSfyjqYo9_lS2}LqhUsTZ?aP%*UFyDJbgenSR(4vA#Tt&K z>pT{#Z!+zYkAb-p%c*5bP*Bi+*ke388nNcM8@&!E>`HThIlzOg@3Z!FDvd-EYr3s| z4Y4cD0pnq8;@LHz3Q(J7(?y{JATV*e~ z1i)|(VYwWHdDjBE zP%4K9ngcvc>+9?5`++Si<$|y(rq&YA_(rR@X$J5NC$hrBS`!N~Rjh3#m-2@gELNI? znwMkEETyvHK!&iA6nmBhxb&`KA_KrbdNN?h$sinH8(Ck|FwdgP6->t}9a@9c+ENlM zz~@9(*m4+2`0--`20%pY)w~=NDw~$o9I?(YH(U~=g1Iz(-WSOSbYCFagjCFx3rolIIM|A#<;I#1u z_(eCz&r})`U?c}v3gu|EI*XwkgnE>mSeUbH$wLhXn9_!4xG!8AVJ^9HBwS!Fw4C#e z13V7iXG^ltKY{5`awH;q*ymbX^7HeLIe|BNNPyu9#@bg(;EB!h;2yq;Y_i0e;RN0K@ujJ#n2j9gDVj9?pT< zOWX!lvvg{Ju?#HsC9-5;p-Saaj<8aU87YI7CUPLwt8`!0LVanEBy*MG$7LqD!W`fy z9at~g3yz&f!lhK$UQ*%9Cu-5h&brA-0WKfX)42hr5mB6O4cdO5(3 z=7H|*?Jc!8B!~B$BHw*Mbim7xea3reeSM1~0Q{1Jd!lUvut85f1-q#`?gOK0Qop7? zbv*~zk!E07GktI@a?Hn%DIk_!9YMqySrZQ6-pb%X@JiZ~^#cdkkpLzKkzf1!`%ics zB}pAcgzxATH^-h*IV8Xcqix^SFntQCvLp$sX7(s51NssUg#zbEzWzmm3Sj}c-+ zPurlju~(95T}cr;##Sv*xi~Vs+xM$$DLOWuZL%hJ-vcXaW^sTO#G!Uu2>fZEQ5^{2 zSDhVTX(zx+g|t1C12SpZSO#$Nl7Vh>%5nkXwbXm}ICaO*VaNKq9t^4rc(F;EQrp*V z#4!-f%bJ>7*dz|6I4|xAWpTF>IlxK)W3M1b0OkBPuR&Uwn#KXP62M5hM>4jpE0mO`-s%4MT5t{H$NWmM)NVS;{aSy zQE}SdkX+rgnW-dEUf%5U<;`2U6U&ZaB!jM-dMnRUPySD&y?cWCI%{|s$Qwh4)B23Etw(Z zTX&|zJx}GaVBGJqt*s4<+c|wQ141#_K`=2nRd!z^Y<`AtkKF2#h#vzWgmjeJ?&#>0 z4HIEW+w`n#2C>`&04rr?WaZE?|3KL|Fxo6FyC)mJ<^YTTd^bC!6J{>`jIurEF&&Ob z=Z<&COZaZybaR1pLL}T{bw|0xdC5X5t$}R9K|)|RErC@1MY4+~(d{0MI|R)JJnS+c#OOLk#79D_Gmsjk$v z(*8x#d}qZ417w_6=3B#XfQJ_kegR<ZOonl2k}MI1OGDVcej<;oGOy`7Xo2Y>OCZ6B$CiOK0~WlQriBu|7zMzb=xFw;;A z<^f);T*(0*UN{NilGm&agZh8}l{!A2$<&%+Y_s2B3xF~Id8)Jg?<@ff3wb#ricPpc z-mZB$LOfW$RcVJol;szdQg~Ffto01N8cDTv4_UldZeuj08LHCK6?Z7aBoW2+tkoLf z{>nJOBXDL}eSX>E9a?a|nztE>L= zKeP5V?*DCV=atKB@XZ09fL7QVIl|~VGq~1%YEy5q^pLPdXvuA0=GAYV$og`CIl!`3 zcuZqqgp6#}b+%PE9n&<$vF|iz`=4=uIl$&t_=PD`ro8QFXuDYDC#O%cO1t= z6Atj$#>1FWILk%heccJY&U_5a0Ul9TdYah9e9Oh)o#{5PT+S3{{~vLHIl#klYQ5|# z5R33)+t8^_+;!#vbAU%|iJiVXE!_VbVz+sUtNd>`z#QO_cBkKTHgF3I3sb}~@AGcX zktWCi<^bCaVst;>02IyuFD9k94a{+#;X;iM$Pk+b3 zyUer1@%u9_W_h^<<^YdLCX3E3bgAE%J9nJEf!5rxO)wOJ|-I%y|HaGcxRgG~!Urckv-ocoUjK$lrz7^&!OB;4$Dx+V}8Oq4Y zW#^(j%$`CW%(BAb?b2+oD-qY&luc~Wf;N)VGFW*;^mQsIDq+{a5u)5`LBq; z&JZoV1ns1W{2e>v7#NG}DXmn=0d`!N0oxQ2=%>Z8>Tks^H)6}b7xe{EpA%tyM)Y`3 z6CVf@9a`?h;s84g)DqZ}ML3@_fpoITIb1lv9AGXSU=A=BE)E26N=n+E+}zxdiKv;G zStqw|-##!smWZC`%GKGltE=mG*3iy7fvK#r`vrH2kH-M`HMUcJ)2c=?j~m6CcaTUcIoFMpNXxwQ?=EB2ob zP1`Hz)mtgYuO($1t*LJ@p1Z}{H)P&->wEsPe6>-J1e`l4l{Y=oEcyQUt%9$7qG{#9 zxcXa#wVU{l(|I*2Dr(ctojXrL@!qt|U@*)pEiLuP$;tV)v$J!ddEMC9*dO-p-FvjW zynKaR+rshXILBE5ZftB^EDP|33m3LaiqC7;t_|O@V@JU1)vKd+?b>xh`qFA@YL=#? zqh<-XMGDVaWd0x!|tpiuHX7e)sJ zJ$@-FT`FI>aa;7E;4u1d$v5=gyroRH`uLub$`8du;Jpmb?d@}2g9kjxVZJ^ z0QclZFCF$yiOA^lzvq>jze@N&k)vZF!`t3L$mkm!vJ&MQYU|(xiH@ zbJ;n<`@ZJ10r2h|7S6q7{QawMe?fhXNu;a3OuG9QsITD`X;h0zld_C@a<>X)w}m!$ zv*SHEo1Xv}-`9KZz1MI0a54gX`t<2tlH#+6hsVuj%a$cBSg;`H#~*(@KWEOIhjZu7 zeTb*x%9Sf)mn>PLTD*91n!msQ&w?Bu3&2sgQ;r-E!Ikvbg@`Oufafmvq|a8aqmPAG zbAWws)K=ceZ>ru9SWF3p&270=?byGMcc*PRT&XziWze=PHa{L180cmGK*z%$zai6O zf+1LP;J|@{!NI{h%-ewRICJLAP9GniW99(EXb6yY1JaEfH-?zkRRY-0&(9mjg|@@I zyu40$dwc&PXMq8jHg7v=3%yAH@CF&$OR29(McoO15g_#x$`h$yT`NHDFMxHB^tBPB zuZv-?QXBgEc;NxCfPu(h7V37#%@!U2-;%C8khP(!z9hV=1mIV&<2cvwxQMjH``PsX zv^l`-?d=N>9z1wp*cKR1N8ul`3l$dA=#Ve|Nvl?^x*s=Dw!v9rcJ@n!otFpasc<19$?m0ct8m-?IUf;e(JsZ%Yb!FcBh`~4Wz3)OPVwf zW<>$Dws1Fll`OEnCX6(hYuJ0V2Uxq~=Lq_t&~6ZE^M4X7?M?yafC1|(SX)i<5_TQb z)0GFYx~2dNJ&gr|0j + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-blue/checkbox.svg b/src/assets/gnome-shell/common-assets-blue/checkbox.svg new file mode 100644 index 00000000..8728135d --- /dev/null +++ b/src/assets/gnome-shell/common-assets-blue/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-blue/more-results.svg b/src/assets/gnome-shell/common-assets-blue/more-results.svg new file mode 100644 index 00000000..d8716310 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-blue/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-blue/toggle-on.svg b/src/assets/gnome-shell/common-assets-blue/toggle-on.svg new file mode 100644 index 00000000..3ecb0f5b --- /dev/null +++ b/src/assets/gnome-shell/common-assets-blue/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-green/checkbox.svg b/src/assets/gnome-shell/common-assets-green/checkbox.svg new file mode 100644 index 00000000..284cf31e --- /dev/null +++ b/src/assets/gnome-shell/common-assets-green/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-green/more-results.svg b/src/assets/gnome-shell/common-assets-green/more-results.svg new file mode 100644 index 00000000..c4fcbaa0 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-green/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-green/toggle-on.svg b/src/assets/gnome-shell/common-assets-green/toggle-on.svg new file mode 100644 index 00000000..6edb6b59 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-green/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-grey/checkbox.svg b/src/assets/gnome-shell/common-assets-grey/checkbox.svg new file mode 100644 index 00000000..bf1dd4b5 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-grey/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-grey/more-results.svg b/src/assets/gnome-shell/common-assets-grey/more-results.svg new file mode 100644 index 00000000..bf4d3cea --- /dev/null +++ b/src/assets/gnome-shell/common-assets-grey/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-grey/toggle-on.svg b/src/assets/gnome-shell/common-assets-grey/toggle-on.svg new file mode 100644 index 00000000..05d61213 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-grey/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-orange/checkbox.svg b/src/assets/gnome-shell/common-assets-orange/checkbox.svg new file mode 100644 index 00000000..e0317275 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-orange/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-orange/more-results.svg b/src/assets/gnome-shell/common-assets-orange/more-results.svg new file mode 100644 index 00000000..7df0a4fc --- /dev/null +++ b/src/assets/gnome-shell/common-assets-orange/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-orange/toggle-on.svg b/src/assets/gnome-shell/common-assets-orange/toggle-on.svg new file mode 100644 index 00000000..bf2f8f36 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-orange/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-pink/checkbox.svg b/src/assets/gnome-shell/common-assets-pink/checkbox.svg new file mode 100644 index 00000000..e6e59b3a --- /dev/null +++ b/src/assets/gnome-shell/common-assets-pink/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-pink/more-results.svg b/src/assets/gnome-shell/common-assets-pink/more-results.svg new file mode 100644 index 00000000..f1041c22 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-pink/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-pink/toggle-on.svg b/src/assets/gnome-shell/common-assets-pink/toggle-on.svg new file mode 100644 index 00000000..e16d5f81 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-pink/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-purple/checkbox.svg b/src/assets/gnome-shell/common-assets-purple/checkbox.svg new file mode 100644 index 00000000..f35ceed5 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-purple/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-purple/more-results.svg b/src/assets/gnome-shell/common-assets-purple/more-results.svg new file mode 100644 index 00000000..cf01c9d0 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-purple/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-purple/toggle-on.svg b/src/assets/gnome-shell/common-assets-purple/toggle-on.svg new file mode 100644 index 00000000..4f5b7779 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-purple/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-red/checkbox.svg b/src/assets/gnome-shell/common-assets-red/checkbox.svg new file mode 100644 index 00000000..f8830c67 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-red/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-red/more-results.svg b/src/assets/gnome-shell/common-assets-red/more-results.svg new file mode 100644 index 00000000..2c10d8ad --- /dev/null +++ b/src/assets/gnome-shell/common-assets-red/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-red/toggle-on.svg b/src/assets/gnome-shell/common-assets-red/toggle-on.svg new file mode 100644 index 00000000..5ee6d6be --- /dev/null +++ b/src/assets/gnome-shell/common-assets-red/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-yellow/checkbox.svg b/src/assets/gnome-shell/common-assets-yellow/checkbox.svg new file mode 100644 index 00000000..846b7b6d --- /dev/null +++ b/src/assets/gnome-shell/common-assets-yellow/checkbox.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gnome-shell/common-assets-yellow/more-results.svg b/src/assets/gnome-shell/common-assets-yellow/more-results.svg new file mode 100644 index 00000000..002180d0 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-yellow/more-results.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg b/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg new file mode 100644 index 00000000..032d0417 --- /dev/null +++ b/src/assets/gnome-shell/common-assets-yellow/toggle-on.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-blue.svg b/src/assets/gtk-2.0/assets-dark-blue.svg new file mode 100644 index 00000000..88c1fafd --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-blue.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-blue/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..9885af3d383d292055585b8d6dfef9a03fef7170 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$zmvYF7(r(T|#G zlRD2Pb)iScJI}5+UY&13C%z4v^ge3J`^d@fefz%o_J0SW*cm|bTj0d+K#_on-{NO| z_nq*=Z^Dn@$v@&||5V%l#};UTOi7SmFaxK6n2fBPshOjT%a)zH_UzlY|NX~LpFV&7 z^5tvj{|$41>WVyF978nDzrAG5)MOyQaPel2(9_59j;YMw_p7#smUw$DuYJqVu`Fh4 z2!le&^~{yC^l}*{~om!c}df~J9jG0p>Gri39JJ0dtQQ%1jv+ee|&M%*yRA#FB yvLf7J*6;Oq%9sRZ9gaAByKx~X7(8A5T-G@yGywoKZI|Ex literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/button-active.png b/src/assets/gtk-2.0/assets-dark-blue/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..8114bd4278a502ecb119166f2664c43cb04c0163 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$xR8suFRmkn)(Q z5jssHWV&|gEA6tEI;F3y8eUsBymn}Q?a=f_ullQA^%o#=X#1*L{l&Nr#5Jz_;@t5~ zujadc?RV3L?@paRzI?NI1hhb=B*-tAfm1+CMpn+q*v8&r&Bjezwr}6@=KY5cA3uKj z^!a4xBY&W}B2O2`5RLP1FIh7+83-_3yqP2P^l`jnD)aaKs;!|V-d@XV-!gP8ibLA|(T!smGGrB{kR%WnX_$)qS=G4hdFLV9Qb3Azzc+$aayM3h$9;)}D}nC8@(N>=S|TnGvVPgg&ebxsLQ0C3!sf&c&j literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-blue/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..2f9886253e581deefb47878f5f6616be9ca0b251 GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*F~RPlzj!)~))XTl2%C=ciZK zPraJ&K;+c%!>RL!Z{H8!{vSZDLG5>gy6=W{-%T68+qeI41k1W~{qUXe!++wBfJr|h zr~f>5=kM`5e^1{1d*j*Po6rB{{H(91XZSH=0N+nOM?7@ z89cp$f*(D8^7Q$O1L7y*fWldxE{-7*;i>1Z^ED{&um;>&Y$UV8{Qv*{YZ^C>{B|hf zZ`{)JSLj)lpinR(g8$%zH2dih1^v)|cB0Tty3_=LCuY2)($1`Y3Zs(xzM z{?f1gu2=ir7zj+w^=iHYxj?3oiJ3v{BE6a)29dM$i|^|f-3CelkwN@Q!}wMD8HWrq z59w8X)T{ms5r@i#O)?0dYUp2U=wD}K?EyB^QmnpM18AjeNswPK1HXWteoS0>MMHB( z=c?6P?mv3@>f^_+Uw{7m`RjMpnhO(w3L`yT978mM-(K7<+F&5ya_}&hz`fl^J^xDkvuUY352!Z}UHZq)w`soX5X9$x=2 oen(>SH4b_HX)hy0S6(wW>leOqc-PDKKuZ`rUHx3vIVCg!0CSU)QUCw| literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..4d22f8934ccfdff06badea1955384d15e579409f GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Cn*shLu0{Yk%rh z{WJyxBllEemsq`;?+|2=eL_F;uztlG-SU_E)nD|gzZiPt>Q#Q!uli`@k)vDlO}F~1 zUJVd^*DrpcU-Hl(ZiSJJkCCk}(6Hlk;uC>(NR$Nm1v4;fY3r1CbWUHke8tK0A3lEj z{`1$bUw{8`zp^_3R1@Xt;uxYa@$JQ(j139`E*Du@kN#$H5B&B1Qb4QjLHT_JZBw*n zoqIHSsli!~McFMAo9;0_Nz~w4z&z<9Z&RScv3U8X=C>yrz6vy~;#=|g$@UF;XO2fr e&wan|MV@1afUL-GtvNtj7(8A5T-G@yGywqI*^0FQ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..b4be329951548bb9b2d948725990e8317d3ddb99 GIT binary patch literal 277 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|^(fKP}kkVXa^;(GjYrrHG$ zZEK#`*FDjz`l4I?#jN3rQ^!}$g8OT&8sd?bk`NKVG$z7mkzLFrnUsC__~3{6rHK@`(N2SinXptoqy%iALi5fJpK!}+)D#F(bLt>Wt~$( F699*PU;F?7 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b70bcb30f62b06cd707e2e87a4dd01ab5e474c1b GIT binary patch literal 283 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXa^5*qySdYbw7 zwe#=WR6Vk*eWF+WMX&0MS;H5nj<1>p_w{PN8`OR`Z~AUi^T4U|hgCOgCs03sNswPK z1G9*BeZXB(L{2W}jZ`ph8bDfR4gNBaekLp@#n KT-G@yGywozLRgRh literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..9e658266b6a3bd374fd41d17bccf9c95b3577f32 GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCuX@iFEdNtqm>wf6f z{LriZt_x&We+M#vf?)JbuNsKH0NE-kDypjLYQ`RF#-3WS>$Kw5YsGBnm_b3&-DCQUnfD(&`uyeVADz`{`+!oRo-U3d8o_Tb9b{}!;Bmg#z_rL}W7aqM ztE-*v9+0`ealb~*TAho`3EOj7JSx|{W8a(~>f*=dJoV&-Q%Nf(?5|r@Yy324+l*a# lRfg7!KUy)owO{g}K|1z~;&E+ul}4Zi44$rjF6*2UngADub(jDE literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-blue/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..28c71f97c138babb587474a15f67963186561640 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCuX@iFEdNtp58-D23 z{LroXp^iNu_1bakfKq8I z*D3*x6DSGt3uaJIRPykgG4sL0N1wlZ{q~2YCdUIP7wYNa7@~3h?Im-j1_K_JgUV7q z8+lpinR(g8$%zH2dih1^v)|cB0TqP=_=LEcn3x#5CK$UW>SZ1= z$ULT3{z|{%wQluS6%`d#RdqFE4>e;?t=M&1aqG3>Hs}@I(<{EOSMf%#;;mlISG}6= z264*`;#U~i_!xO)8F^$I1A(niwa|P)p!pmnL4Lsv6DFKF^Wo#aCt35ufnwpFE{-7@ z!EY~FGBqd&IA7esv`9(He9wQ|r6Cge5A@?LB{lX1<;F54T&rnY@oVPGs$aHOZyfLq zIPDp5*fqfS->;RQ&g#tFadg((H1}WLH*Ux?zO*+9WxP{RDZbJw_I(l13IlpinR(g8$%zH2dih1^v)|cB0TqP@_=LEcn3x#5CK$UV>17@< z$ULT3{z|{%wQluS6%`d#RdqEZcQs=VHDgb$*mYWQ>$T(7=~cYZt9Ywd^Hs0ryMFNl z{gQ|Jm2VB=Rv5Zx8`=06+4>rJWE&eBUo~mC4YY!zB*-tgVZy{SXFh!Vr*G!-2`Cof z>EaloasKTkccumf9+!(7gLFC;Cq4Z4ykxaN{)6~^scHX$v& zFMnZ}y3H_kyHV;kqqH4HX*-S5cNrTSn>a_AI7gef#F{!snYu)q2G*GdHJAoBng%!d z?U*12bU=fri(`n!`L~xmg_;}$TrRSRgxu1aN3AqFNYj^jsSoR-` z`D-xoLA0)1?8PsxXS71u!sAx0*%8_5vXqx&)>4gr+glAO3tO*du6pag|I+kI=QF`U zM}*yOFU!am_gS?2(BWqbHZ}NfJa&JXVWq&6qIZ98?s`4<4})hf?}`K6IjewfVeoYI Kb6Mw<&;$S~gpMNs literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..cde9144ef666d70ae3cc22a5866dbfcbdaa581db GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY+OGd_r7RfIve}MMGaz(?C_z zP}Rg+4TwyA)J%QV%>30|i#1#dHGrgBsfJIhhHsmuPm88+yQW`^iNu^;&To zwBt8w$8XY3*sNRpShwV&CKlldyUVR2NA zy6a_G6RlXcpnI!AY}OuLxpm%xneLTyBGT_X6XmvJ{e5};m(+U##r|DCk~U0s7q1TJ yp4Tm67Cu#oFUh-V_R$pnfP2TkLxh|F literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-blue/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..3d95869a50f2df180f3a59621aa936b58e22f7e7 GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY+OGd_r7RfIve}MMGaz(?C_z zP{XHH!?#V-r$y7ZUDK~a)4xl%^to=?OWo=(dZo|w%AV_$z0j-vtOw*)f7Pq`rdRV_ zKY5FO@>c!Qrv}Me3{tikq--}x-C^ikW$0I9=wEB-UuWbHZsZtY6m4v5{Jm+? z0-){no-U3d8t30$@)l}x;AwftCK4hulVuTy)~6T0<1hXVIrWL*-|hVCR~5D!Mg9mA!rr9;LE>QYn_kr?y{gZ8g||Q|3vcTe-7*O7Gzjf82%l=` zmTu^tVHn(L7~EwT(rp+u$H*no$Ti8xHQC5L-53Z=%#2OU4Z_;b0Id`(3GxeOU}h5b7G;lnAD6m)HkeTRTzfS6zO;4vE@Ny>J~B5t z_O!4|wt7Rq3L#oODMnyYjP_bsQ%heK>K4 c+vG1y-SVPJ`!n~i0lJ65)78&qol`;+0AQ}7R{#J2 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-blue/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..5448f3d3efc69bd5b2191dc03d51c96efb49d48e GIT binary patch literal 353 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$ML7XJA+EYrKXhw;c=Y`A>iVfy z^BstsI(|5H{_ySl;oJWM$kng?ZU97e-wo@&8`Xa|uK#Y{^xdlEyG`p4ph}mnAKraG ze1M84{D_(P^Yp#HXYT*K{P^$f7yll-{`c_hzZW0>z5Mv^-@pGrz@NGEKhR#Tk|4ie zPp_chM~|O8ef~meec4H%Xo9DUV+cpI@7e2o4GKK07gp^EIAB}&>Hq%~7YyDxU!H8T zeZrJ(Z$amCE4j}%R0f_pur}#ed-CqR+Ce5!uOxY1KbF~=X0vX|uCghX@0J8@7YzIQ n$>nC+@4Nq9mo4OQY2>Ww_|8>m8fuvaw2Q&h)z4*}Q$iB}W$>mh literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-blue/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..84ca20b5ca52fc9e353e9a36665956785eb4a2f9 GIT binary patch literal 506 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MF#?WLR^8galn{M?t{n~Hdz2Ck1zkBt5*Q@!iTk~DN7Q}Gs`svW|!@KW?cmEH) z8W1vV{Ha&-&9w2m?}VQ|Ai-}yWd?O1EkK5C8&CwqwQKwC+55v6q~N=K2Z#h3Xi)pz zsQ$Z2!*|n$?>4PJX72wz`@rwH2Y)X-@_P{w9sT|E{l91L|GoV9@71S&uYu_Ezqeoh zz5DX-|Ns9PQ_gn-{h(D6At@CU8Wt0q(9qP}(%#+IfA-wDi9x>`M5978x{Sr1D|NVa#l%ZJ*F|Nk2#`&=bP0l+XkKU8nyv literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-blue/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..2e18f517e2b4c9ff2acff3f95a124d73b47ae2f0 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7~}U&Kt;-)E{-7_sco literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/progressbar.png b/src/assets/gtk-2.0/assets-dark-blue/progressbar.png new file mode 100644 index 0000000000000000000000000000000000000000..04c8589e2a273c3191b406ba1caeb15898581207 GIT binary patch literal 252 zcmeAS@N?(olHy`uVBq!ia0vp^96&6`!VDxIuXC~kQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0wz0X`wFKw7Win_kTi-O8W3 zHQzyu+8_EgKlEyWf zC}Za7;uyjqo1F6Q)2Eazw+?M+-KgLA(E710V_SXCdkG1N7w!ye|D28pKk%V9@HNNb eB)4U2IOG}rE>xW6))NQvAA_f>pUXO@geCy*`&_>O literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-blue/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..94da73b9741aa48a05ef73a0b32414a2950c3c99 GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7Ag$N%O|RyMZskwi zn(rV+?GOE$A9}SwK_C}Ig2jRC@6ufS6M!1{N`m}?8D!KoR<2#Qe#4vhA3lEKU{1db zlri>naSY*zPEL4N+s<%ZRAS9N#b#HYT8%%;dA6UHx3vIVCg!0E}5!wEzGB literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png b/src/assets/gtk-2.0/assets-dark-blue/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..0a93562d09492d1cf66ce236d51dde051c823d35 GIT binary patch literal 473 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|^GVpAc6dZQSt5u=2BB!)N#Y zudbb6JtuwBul}Z2^UbsOyLaDrufFekHQ#k>zw6h2cWD3N(DB2&ABcYG)%*Y=(}th= zHQ!7dzxzx8E35f#PzPcFkzE^zZQJ_Yv-gMJgr88s_8;~gK#d^NjO)LfG<>&d{W168 z@41J5&pY&c{^8#*KmL35>ECN0`uy+z|Nn}Gvz7y$s9qA}7tA0cDkdo<6BrT~pV-jY z+|k|Nf9CA@3zx2c`1tYD=g(iheEIhG-@kvQKF8dES~@&k977}|Sr0~g9d=+~IB?V5 z%yjjBrF;L2ST!SjGH%scFf%APRO-)u{HI!RL0w)l*T)@lDzCm9sTDuzU+j76I+MUD zyG^;Ox}NoX`CrYWH|iYuxTHhxL_mNGv#?d$3zz1$>2Dg-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkk)SaZdm=@py9i2 z&3FCk?|L=g^&ljW0Ylasu5SP;-Wv=Q*Y|XB43U_c zoUlMKVVxZ_^KFp>N;2sJ3XD33T2+jIWS@!K&=d( Lu6{1-oD!Mm4O*%HKOk>?wcGSHyPy?rj0K-*;CFumvwsX6|HQ@aNVjUnt1& Q0H~M2)78&qol`;+05c0yWdHyG literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green.svg b/src/assets/gtk-2.0/assets-dark-green.svg new file mode 100644 index 00000000..64b6b984 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-green.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-green/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..3a8d27d7f41ed8d4735d847be6fa937a21cd4473 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$!!PviHfbjVg0b zZ3s?n4r|?!)4nsSZD)4h-qH#COD7$uoP407=RkhXp@N=+1=Eh#^c>9ZKU4%H`wkUN zKVI8=sG#pq;e^8_GfvcP^?p$gv_PgL$S;_IQ$S2cR?gJS(ZyxU&Ru)~ zEp-g3a4A|7T)Z}@cx`a)=J?tz@eNy(8@DA@Yzr&j76v4n_of2L>K#!KvUOj2<@WHZ z?Gd#*W7_tmE39A#xl*Pi$S;_IQ$S2cR?f)S#@=Dg#!XwcZ{P9e{f7@9KYsf3`DEuK zf1tV|PZ!4!jq`6WSu-^m2ryi{nIrV{alB(H^Y{I#t)V5}UdwCWGIT79nHs{NP;xzU zDNi?iF9=G2)=R_$(F2nq&IS3j3^P6mmtT}V`<;yxP*G-pPlzj!uG$t}xjn4&U~bo; z{L1YhcI&?M_I+u+2lIOm763)6c0^R~h^*cbRktg)Wp8Th-n2HLg8iAjhYI=*74{!4 zo^q`6_M1z0-duV1@&5Bq4_|zK^z!rLci&!q`tknr&kz6p{rms_zk7@7X`p4?B|(0{ z44z&=!H*t4dHVdt0r3-YAh&qBIEF}sr=E}GYf#`}3Ai(z>(RO$#s8h77CQ((TYS>y z(h`Gbs(RJ4m7Gqn-ss?IWae})I4{e`^tHyHZAZm!yW8?wTTS!j4>aAIzW%><(bZp4 w2N^v|c^nvb>}lpinR(g8$%zH2dih1^v)|cB0Tty3_=LCu>GIv74eJA{wnvul z2(Q{6R<$kM*x1l{;D`iW9{DK+y1@!b| z;>s%;nmamIt=@9~(aTpKKYsoC^XJcBzpK_FMGaq7nS|;&#yn0|A$Vhq(mq zS#xgxd)E{ruHQgQ7(8A5T-G@yGywo{IgU;M literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..2507aed4eb5d28b322c302598c32acf10a271887 GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Cjc7mD@tgcSKh0 z3^xV?*AQDLf9uNa5tZA+D|duv&hSs0;#aypw0K=e#nx~j@`$u`kFqP<99F(1ymDK3 z#kMe@J{uQv8yAb%CXd49!G$Y=f#N{zT2h+5KszK#g8YIRn6({Tp|F~b-9RR9{@^ohQnyhNC>#?Y|Wn$AkMv(*!t_8xAE^;>oDjbWKe`;<$!B8r|a2M~2&ri(l*Pl5a fH9hzJz886WjD=&P59%lYZDH_q^>bP0l+XkKTD60l literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..a673c6aad1162c5a0864e92cfb010b86c849bfbd GIT binary patch literal 280 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|^(fKP}kkVXdL^89jY;~M_w01{K>z=gSrGAyGV=K3ZSM7+X-xb%kFMVyg(RH9^zLFrnU>B`f7jO;xMJFGAn&5rA@8=GpxKUwf)9p%NCF;Jzf1= J);T3K0RSwIVE+IB literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d3e33507d0ecae1e5f0d8cc30f5cc6aae4988306 GIT binary patch literal 283 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXa)3Ig)#;yFuw zbC>y6u8Xc(8&|P4tYS-8?T(n%J!!d1{VG?-R&Eck+7VH|E3R!{`lM^0b_4bEmjw9* zGcb!t%PA=K^-r1l literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-green/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..3d8ed2506e72c671068740163c0f21974787c369 GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>5Ah zh^*QcQMo<5YI``4grkaW;T2oMfLs+76;(A=BU@c#JKg9O*O*oyas!Hca)}B74dO2e z@(X5AP;~d0K4a$n2ai5~`T9p^b=p3lRH&zmV~9rZ+e-%-8x(k)FE(&3a@v^nP5$a? zr@IGa?r+?$QL|R(B6Gs_To#YYb??|W=ZCuZu{lpYdEr#jiV6GcR@E9m&Dl0%S6-E& j_2Q3K3~%k1JZO-PJ)?MBn_Z<5XaR$#tDnm{r-UW|lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>5AfU(7o@2SxZ<3aIMO@{|nJ0p_7OXS0VYWOsfki5U_p6Ju;-6nDzn!fz ubCzvi`1H)y^xZ4vdV7~HdV8sU2O~?7N|?unH*0_vFnGH9xvXlpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEcn3y;R+PDVWq)+wB znC4fqE~I3AXvMZL6%`d#HB}>9U1K1y)3tFiw{fv>kFa%*w2N+WjcElUx7bF{*e1_{ zWkChYgGx7qR&EQg+#Y^jsf-tBI7dm4UvR^O31`lH`1tQh*8FgwSeU1aV~9rZ+e_OS z8w_|{E-FVIQ&TVe&F{s%?M8!k{7QX`ea~*~VmXjw#X8~BocC#2^H+7~+~MuD;r+UY zNA%Nm|E>9Al{0j=t%;6V*?hHv$K(IPm0SlpinR(g8$%zH2dih1^v)|cB0TqP=_=LEcn3y;R+PDVWrBC(C znC4fqE~I3AXvMZL6%`d#HB}=U9V1&^V<528wQ(`Gaj|fZuyv2Li*9j^X>p5bb&YNE zC|n*~xFWc8LulE?u*z-WmD|Hl|J!&GXg)_tkY8}ago$U)eE9fJ-^}L|P%OgJ#W6%< z;@eA}Ob!MDE*Fi`1e!P&zN`25R;gvF|2Zv|cR^nDQGc#HKbOD`x5aZb^PV**~T@-IsVHaq*^Ah|cmu whuJHy5&)5a&u#y8tGy2Ul76^Pto+uUN? z-QwEa3s(jetqLky9bCKyh(e0j23KqetJn%e;T7A$Dz}AKZV!K?aF7#dZ?&h3V~EE2 zx0k$ynjCmsFW%N@>UhBKBDI_O=6|`l%Y&wIfABl6Q|VyqW_s3{wLs`>esEakf@xRS zd=^eFd9YH~Z!Vt;r(CPeX5AgS(o(fuzm~_pJYAVwHb3Zz_~LoCyIwSFdB#WFh*h0> rK_&KWPMEKI!za6&8-2Ii)-Y%;6PX+K@XU3fGZ;Kw{an^LB{Ts5$0&dU literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-green/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..41c9f3855194203e10f819c59863f30d1b8ed7b8 GIT binary patch literal 361 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY*a@d_r7RR8%yy)iia~HFedE zjg1|=EggKU9DS{v{H(pxZM-wAy)$flk{x_9ZG5t9d{Z2JQyqM>ZT(Um6T7?;yS$US zy_0&plY4xMR|glb4k=y}T)ZZvcx`aW+K`GZVHI0}D7<1@Smn0x%I)Fq+)>Ivd+R)1 z978nDzrExw)a1a^@=z`(ZqXy=0Ev?4yCyF>zOSO yvlX|L$p0R=Fd*Vq1765N!{u+8z$!0!7NVgq3d%Gd4ChF*PE6$%1C3<_$fA3w_U%h%1 z`F=*jlGw+K1;mv(FQtd3_&3#Ey6~3k?t)A;y~uX9{8^JHC0-23ba*UMa9u8RZ(hXJ zYsss>%GZnT_xqOlrZ>1jRW{q)Qd{zc`p&xO7juuzRH$7QSFGlE$*D#x$zYQHJ_d>J UEcR>X0v*HP>FVdQ&MBb@04(j6lK=n! literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-green/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..b3e9151a72aa02d49c87fa273631c77e0d6f8f0b GIT binary patch literal 353 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$ML7XJA+A;1!Yj9jbso&^I+S0z z9mH^_*+ z15|vdVA}DTyKk@FdwcEihubecKYIP;*_*G=KYV}t@%!6<|Ns5}|DS2r5niCZTqQw% z!Jb}0!H*t4dHVc?()zNKK+yzG7sn8eXy3Ef`5F{>STC&F5pck^@YDbQD=rwkbG|&; zWc!3E-QI%E=T>r`Z>S7Bbzp7MulD5Kd$og1qFzbzynZaRHO*$-l3is}EZ;2&+AbLO o^^?oZwBL9CyDnSE;nK)i)A60F&@|LC4QLmGr>mdKI;Vst0P8ZM*8l(j literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-green/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..2fb4adb38750b273f2bcae54ec22342f0b0e32c9 GIT binary patch literal 503 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MSBB$LR^7#@#e_NZJ{MQW2^Q= zcJ0q?0H?`+bUiZOV zph_UB-4zQaV|otd_a4lz+yN4--Vq6rZQh#<;WqC{?mCbQQm{R|b#E$=1R1*{qGm@_ z?ar8{JxP1-tlf8K?f$##58T~w`2Oa@_qQCmzxCa>SMR^Q{`mdv#~<%L{doWR=f^KU zKmPy!f6MpW4xk6LN`m}?8AL?I#3dx9fER-vW<2G@(}N#*8?n8c6drT#ztiT`m$AJ1y* z!n=j)>s?AWcONpim8)g6s?I^_!|6#|pXJXCmhRA7|2&i1(Oda}lr($70?`khz19ZP znfD|=X7e#+(c8F@y()|8;?J)Zd5yC+nbmKe67uQCM=ql-vrbpXPM^i^E%sJLT@wGl XMymYDHPcF~}U&Kt;-)E{-7~}U&Kt;-)E{-7Dg`emSu znWu|m2#0KP%DYdWQnuVWw4rsQe&a*y$F_`Z^*!$;BqUzAGpzk{IwJhQhu*-~9EX$K cmaXBCXZX8Nahh9C9LRqRp00i_>zopr037vQRsaA1 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-green/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..dacd20890e1f84f1f50ed979dc5739b568f92e86 GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7AYHaCx@LQ5<<7{; z?GcsR!>hK3Rqg=?AUm%~JwuXYh3Ob6Mw<&;$Ute_2cb literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/radio-checked.png b/src/assets/gtk-2.0/assets-dark-green/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..bfe61904ac5fd94afef092cdb2566c3cd25bf5b2 GIT binary patch literal 470 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|=(KpAc6dUA#H6a$9K0&e+yN z1)WE7I``*RY>%ki7SVMuzvp0H_ko-$Aa_T2<@Siyy{RpGQ@ao5_8!a!ax1ro*X@b{ zlC`^HfGU9uAgbOG31KwvO#!l-b|-Zm$n8B;2oY@En*uZh$Of8OvopGOXH3(cqyu+1 z9Jssj;JuB9?rr+`{q4se?>_x_|NsC052-EHh>-YU7jDzbPDhiGALt+V#g64Z5g~NF|KsPaXy85}Sb4q9e03Br6MF0Q* literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-green/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..af04e8872ff77434a8fe42cf74046fbfb286b0a9 GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkS^aHTD>)@VtYj8 z_VCJWVIUHO;0zEqrasmLsFbH9$S;^dPF`W>uHAd~e){}VHhXU{P+Z^B#W6%;YI4E? z#e{Ws%*?k%4k*c_3n(z^9BNfD0+M|yLJVSwU2WVsf(w>5GZqNz6sJU*rUSJyc)I$z JtaD0e0swg0NwEL` literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-green/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..14f9de96a95f4330e4b35c7c5a019c93f6877de2 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_GiL1ZP0F;bQ6~jzHDCB|(0{407@cJ9q8gv-k6tA3q(w^rZtO3_M*NLnOkJ z6BKw2!c`q5WXjh&O4yXYcaYdq{+_Rh?fl)_0&KtUt`=YmUZTw0$-v;xtx>*EkmCVR OFN3G6pUXO@geCyg4NwaJ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey.svg b/src/assets/gtk-2.0/assets-dark-grey.svg new file mode 100644 index 00000000..fbbe620f --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-grey.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-grey/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..d12a364bc3dab345c61d5bd569d6fc1d15bfbba6 GIT binary patch literal 360 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY-Bed_r7-G$sfS4-W_kNJ>h| z%*@Qq&7C@R>a=OofaIJxbLP#Pw_w2nAY(2VELpMyA_yUuFJBH6Ubt}KvSrIo9c_FE zG+MeO$S;_IQ$S2cR?gJS(ZyxU&Ru) znVJj)7%tw-5qkPxFo5IU|5+j-2Xo)f__mcdE@{X~g T$u#Z;kgq*m{an^LB{Ts5H%y75 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/button-active.png b/src/assets/gtk-2.0/assets-dark-grey/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b2de6b730bbf86524456d1c1f8f100e15d41fa55 GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY)DxC>kJl>yZN8G?7t zP63)OQxfDC%)luiCL=3nWNc&aux8_?E!(&6c=P_lhmRjWefoT|^N~MLU6!YdV~EE2 zx0kG$nhXROF5b)$;$3jUU4Y}>{~01-7jxgv__mcn+a literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-grey/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..44d6154b16ae7b9177566e551f6440241a52a9d6 GIT binary patch literal 357 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GZdPlzj!?&<02?d_dCd-kkZ zvw&kJ^83OQxl2np9;)hD zPghbpp}ONl4?`m>=fCIE*qXEUuyJe5&+B`}Jm>namr^n_a;tuCUnG`%POgr@^u3e? q!>#NevSLB^gqtRK3jLVBpK+}^SAyPq**QQ<89ZJ6T-G@yGywqqAD`|3 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..527830d7d994f7b9f71e46420cd7de3857ce6d1c GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty0_=LCu>5h(${{H^%?(SX~ zFg7+eH8ll_^z`%q*(N3?X=!Odc2ZJOV`F1OLj#Zvl+Db{%*x6tDJdx}E$!^=?CRg9 z^3}(WU%&qR`SaKBsx=oT0u@Ghx;Tbt1i!uLDdk`w&~nj?&GAfe(u&{rFHT#3oA=M@ z?Q4|w%wDY&*mXc^j%vfa%E0D%nt>Z~ti!bmIc7Z+F**A6_3~4*JAb!n|3B0pT@v=A gqQqzUttV0Ui&Mld2%9ax2DF30)78&qol`;+03FnmYybcN literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..befd58bb61c26dbbe75110b74d8ff962dc33bda2 GIT binary patch literal 345 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCu=~b&%_4M@g_4Rdk zcN>F&mzS5jyE{-20)YBUN=n+>+gn>(foi(Cx_o_o{rvnoJ3E1Fpa>8E_1W3k+1uM^ zWMnioH33C{dSCz2`v$Z?q9n*Kn1NYKTc^CEbNaI7D^8yO@bTOCpTBanMprB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt)SDT^vI!df#4E6gsRRzeVW|ddA?4fzM3|kL)CkN%;|9r-jZxXwJ;w!(i}ir`4K< z&o=kBURy1Y#MqFno3XaFc%J&wD_tG@?`;JFzv}P(Zf#X`Zn{LW>9^Uzb?sAvzMgb{ z5w9-4NcZx^zOpTg&tBvg+#9|4pyl_R)@j#xj?I`pWs<-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXa)5)$(A@^y7} z_4V~#U0t1>o!wy2-`_ud`gEXpM@L6bPfu@e@5G4{fg(NT-E~0y{3Stt!3@kI(sBxl zef?9WK6(1$g{-7~0#M4y)5S4FBRDz1k@<{I4-XFylhTTY{%&54Gx{A|EiINa4P04S zD`#%(lpinR(g8$%zH2dih1^v)|cB0TtN?_=LCu>Hhxy?(XiMo}RwG zJ|GEU0~v4t6zS^f0&-PURMgbe%*@O(GBPqVGl3#6o_KQtjo>c{@(X5AP;~d0K4a$n z2ai5~`T9p^b=p3lRIsOuV~9rZ+e-%-8x(k)FE(^7x)gNg-{z{&71A>vTYnQjbUh_r znSswbz2VC9Ri@K!tX^fN=H7erqE}(a$$0y#`)3vwN9!bS?^d)UvW9Z9kqE1 VOHH4-Tmc%-;OXk;vd$@?2>>%IbKC#` literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-grey/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..02bd409da90bfb43ce35075d45a910b61d8ba1f1 GIT binary patch literal 303 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tnp~_=LCu>Hhxy?(S|N+1J(=TCYR zZRX#@acRe8h4P?FqVpTlyw)&OPD*5+o~Zcm+vQuc*QOl4rTeRS((F7bv&9>)_lpinR(g8$%zH2dih1^v)|cB0Tnp~_=LEcn3#BadX|)wl$DjW zfkAh7w~C62nwpxiv9Xz%nVp@Ty}iAUkB_gfZ$?H&W@ctXLqlU@V|#l$P-Ra~&s=xC zA3)RCOM?7@8z!7N^Woz^BObe5K%o#%7sn8d;J24Ng&GVvTmt6^H8E>_`@3GtyEoz~ z|F&U_)IbVxb6D|_FuMH@DT`7dnb`sN_%zCiNF*U-naIk)9UZ&lpinR(g8$%zH2dih1^v)|cB0TsCh_=LEcn3#BadU|B|8JLX%??dFd`s7C>63NQ iHhzl@4Sc+Rw@WA0NK6)ebMZaUcm_{bKbLh*2~7Y2ZEYj~ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..34490c2fcc8bdd063998d114ef51f3f55618d4a3 GIT binary patch literal 235 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h0VEg>zT6}Uq&N#aB8wRq_zr_G8CHG7F zoQqyg-FnAnt@IL(@-+17iRt~ZI{xbPs(iP|jPl^Ti>`BTf0}snrB+2%ne=_dhJD9s ewp|phU=H3m`{qmCMn0e$7(8A5T-G@yGywo?yjoQN literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..d092227070c17a6b2cff75e72a7444108b00a0ea GIT binary patch literal 238 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h0VEg>zT6}Uq&N#aB8wRq_zr_GT65%CoY)y@4`#Ylc^1RzRi{LWLp#dxiLy8q2k0%_7}GjSI=N(a}t{z zJI_$DdgC&K;Kr+0440nXb2jwz{$HWBE4LR~ojUX@^VH#P)mIVsjQkCy%61*QePZXq hhKhTSZ@x2T(ic^jC3x1b2 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-grey/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..b587ba951755d63bf016e0c41c968eb98b453c66 GIT binary patch literal 234 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h0VEg>zT6}Uq&N#aB8wRq_zr_GP$ulAU{{;qttB*fLY`7WX%Fev6;X#09N8D+rw=R>l zt2|#A9*r~(O?1-N^y54|^=SOxRr{{I_He(MFn^hh;nK$B>Xf)6dbb2)@(&+axoFpZ cUEABd_g!b#37B7=33LL3r>mdKI;Vst0C_@H5dZ)H literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-grey/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..3e2b71047f7b92377bc1cf6aaccd9109b2ab4617 GIT binary patch literal 374 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_G_y1}5g zx3{OK2blzNfie)XtE&shHa0dkF)=YUHTCfD@bvWb^78Wb_Ku2*ijIzsiHV7ik55ic zuCK2LYEhLC+77fpuq4PYn1Pw4yrHA7f5PM`Q>Wd$_3vNt?rRl5$y!er#}JL+x0m)Z zH5o`aUtFN^b@|j9v8W@@{>o3@8x|&hzUnxOitf{J)$?vbPeQH)C~^8N{!_4uCoWlK zp6hfz`CYTS5~t;xEa3KvD9JNDka=*`KH2KE|9`CBVSRJ^Mt(=mu#()nPu3+R$cWzA p_^3&4qQc{Irk>tEV^5y+$V=4|PjoncTo&jM22WQ%mvv4FO#qpak*NRx literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-grey/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..6d4d1ab8380e92e2bc6dbe47f96013ba44283a75 GIT binary patch literal 333 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MX>=sA+9|=J-xlXvuDqqHER}- z4FuD{VD8+xbLPwea)GjaeSQ7?{SzlnoIH8*lqpky@-t@40LlW@EM2|Nrai9`OP#;wlO93-1d2v` zx;Tb#MEjnNd>A44MROLpEo~YJ>+n4-6Xa4TUniJ54=!edzAIF zZNvS-=asNq+TtS8v`DSGm2mJ9V`mZ2a;tz@3DB-^TNFdt*3nCC`e7f7u_ge)y2DbDvQ6cT7Jiyf1lgq2b$o4A-++ZbbjgYXy3U!PC{xWt~$( F695xbeCPlG literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-grey/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..40728e51c39fdb3d2e1b32a10b42c1a728a7474b GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7~}U&Kt;-)E{-7ktbJ^%y^3>(6jRGZuOodGIm@O1TaS?83{1OU=XD{cS) literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/progressbar.png b/src/assets/gtk-2.0/assets-dark-grey/progressbar.png new file mode 100644 index 0000000000000000000000000000000000000000..2cd0bef68fd387fd6af797877f1473ad3cb990f9 GIT binary patch literal 252 zcmeAS@N?(olHy`uVBq!ia0vp^96&6`!VDxIuXC~kQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0wz0X`wFK)MqQdSIZpw-?BS zkT5YQeQRgSRiFmGk|4ie1{rmYm220n-|*)BhmW5)nA0xT0gdBY^(2iFCiiE!kuC5pVJZH2R`%$zUDZbW#OhDi;T>^~-|^d7h+Q0u)* sr957RH?53)Th{}&J1Vkw|9)jvI%#fdBvi literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png b/src/assets/gtk-2.0/assets-dark-grey/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..cafd1e25347f9577aee0b8e9e3c44abb70af6de0 GIT binary patch literal 452 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*HDyPlzj!?&;~7G-*h?d|QIFku3aF>&HVhzLXwNCLsssZ)Up zCQqIWR6lRtJh&jx3?RF|zkkYUfGtJm`I&OWAb*OsXG&Y}~F)KvtU;cUaDUH8s zd*>3~gf+$27_vRp517TV%Bb9Byk5a);k}D#-N!72=_M>Vk3$`_GFc^}uTNzZ@_fv_ x*Jgrv?TbCmTNgEj$*nSuTIRaZpNaP;bNENGFW(Yc762W@;OXk;vd$@?2>?C?$)^AS literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-grey/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..fbcdc62461b2073a8e30ab3bf39438bf39fcfa97 GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i`u>r;B5VN9Ws#8#x;c1YF~F z<{Z}CvgwjTzwfN)=M(CjpOEDIJVsH8Ie>ZR zC0%|Uhy1m7-zSRQ7MLiQA)>ltS5!hrYoOqQ5Ro0hwt_d~L?Y*RlpHwoGhBC%VH%g> fm#(>;N50E&Du{oQb+mZ{bOnQ_tDnm{r-UW|c#cv} literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-grey/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a8539063a2d87c0527e41f4b6b75937a69b8b051 GIT binary patch literal 239 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!3HE7o-{84Qk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0vDo-U3d9-VJbZ{$5>AmH{e zooklPK?#vSsZE@62dgU>H+x)ioM^epS!#m+B74gNTVKR|pZ|{ed`O0D@i}!t%>$AV z4KsqGzTRKh>iUE&rh!kQ@zSsCqy^#C8y-BK{#Wq-l;q=m|K;~zsf+sH{B}2Me52$I jCywB?rtkh#PP=DwO+x%?>e-t>cQAOm`njxgN@xNAEm>QD literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange.svg b/src/assets/gtk-2.0/assets-dark-orange.svg new file mode 100644 index 00000000..9071e19d --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-orange.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-orange/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..0b06db261d44f4e6066d64d0a34927767af9afa2 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$v>Y*KP>Vo|t4l zEz@OIrptp#K@TSeKb#o!cxK#_neor&Bt4mv{CY+>5WSia{$^n+kbFHm224i3S(x!= zX84<#5pU+t?A*0y-@g6tKYsf3`SX`A zUqkFVdQ&MBb@0DxDSaR2}S literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/button-active.png b/src/assets/gtk-2.0/assets-dark-orange/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..0303a183b379adb0146d6557c5687083fba8c476 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$tr@mnwFY>pn#0-2H^zhDMV0Wld_IU{2mdxtd}H*MLzeaD;kA3l8i`03N< zlbw(Jf$EApT^vI+&cD56&D3Ndz;N+qj?mM`@s6p?-}kGwhL(7HEw6pc(6KCLY6ycu z$@R>Yv-ENqCgjcN4xL(=!Fu7d_>7rTCo{dw^*hh;XS4`m!S2 vVb<^UcgmOqW*v?=eB=G$bj^z|&TeCxQ)en!wYza4C>T6l{an^LB{Ts5VGNTP literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-orange/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..3da8d8d39b9dc44cd16b591a8fc18762732f87fd GIT binary patch literal 357 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GZdPlzj!e$`?9s?GY%)R4E+ zgI}~;y==F7J=y2=WWU!l!e7q}2XbF_*u3ntebw#wdZO3sNkA#z*Hir8%nW}sEAs8^ zsJHWze%?Rz^TCzmx?vfzC zUwFCgJgfnC7Q4#qQ2+mb@->YcEx#{3 zk-M~nihr6RJB-^e{BCa{hZhjjcIr4;#0}{Jg$r%yX{)dMPC{Be&}J_C;dJ y=j7@bOy5gcFx<-iAuASiPq=A literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..49472f6e9b29a2de1b7d9f38ae7305e8520424fd GIT binary patch literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty0_=LCu>31E*?;9Lmwwk}} zuzA^G^|Hg#*x191HRtFC`^-iRj)wI8{WiU2KQ!tj9mEu6}n`#Bbfl oQ~NnC^X>gumt$(WYsx3qlq9hOYq@q_1lqyi>FVdQ&MBb@01@Vm)Bpeg literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..2d0704c6b3b01e99991a8e43af3870906f83a3ff GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Hn)jpSRgQ@34N+ zYGn)tiJoRrt|l+rtzNZRy=u4GS8Tbn!17+R<()>$XKhwMl;LBV;cfc3)$(zx)r&UE z=WUiieO|UE-gYJnQq8Z_T3)FG3R(e85Ira?0klJ+B*-tAfmusir@W(c`m*IKPM-hp z@!R*GzkdDt`;YsT-2tGQC{Gv15RHj%FYaV)P!Mpr$jW;3H;YK=ulJV%T6GV~?<;7V zqBZN>qsglFx*m&aTP8N$V-!iy;94L&=^}Sipu(|u`KRXA6AYyS40rLa`257&e*Kx_ fQPXqZ?|YHA$5=Qv`k;;i&=v+yS3j3^P6-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|^(fKP}kkVXdT^8C7L;+LvT zuC=;dYjbYJ`Tzg=XIXBGrSDfYtXLYZ z@Ojt$TJ;x2rthr}toprTW$UZ`b&JE4uF9ZPvefn)k1bn3uJm;Eb6Mw< G&;$UlO<}SC literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ccf4881a07010f6941cb2aa6a522aad0b566ba53 GIT binary patch literal 283 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXay5*+IC{1+-r zE>@acX?4BU>h`S7@;MN7I=r0ZbEyg>__E#VWrxkH9;ernee>5c?FZ`TFA4GsW?&YP zmQzsd>z^|9$lpinR(g8$%zH2dih1^v)|cB0Tnp~_=LCu>F4bhFPiOMc38e@ zw|ogiZPqW_tsv+{yVZ*}s~7E-&su>}Rw^ng>T0U4rW$Uh8cS1*mZcg21vkVzu>+dI zUlQaO%%Gs??lFDF%=-@>eg5+GkIw3}eL$%YPZ!4!jo`PJ0+}2X1X>cE|t# literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..93f525eeedfc31a3d020e43bbb41b42b0c1aa61e GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>F4bhFPiOMw%fdF zw|v!M{j$yaWxEvwy=b?3(Ps6c-SSzh<+C6xwRyI0Ef_AXuY_EP;0MwTL#Fpmvy)&MPF@O1TaS?83{1OVv1ckBQF literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..1129232adb6e89349e444300e729b3f2918b2533 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEcn3%-4o5s1D?<%y| zQ)F?s$r6a3w^^#FsHm%{8XFtCnrgV2YIxb2c-fhxd7Gwto6b))Uyy3CG{tCHs?nty z%geQv_nRyqGy`>6y==ES)Tnj{XgEhnkY8}agb8QPeE9h9N!I*upjf!4i(`mJ@Y_q4 zObrS=E*A?`6}q^)&i&=jS}lno?2Sx_$04W656Tts!}7X zQd8^6`uVHwpD7NH)^RnLpQ*OAkc;o9eTgsYoxc;M-V1p>>jqlE;OXk;vd$@?2>>f& BZw>$e literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-orange/combo-entry-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..86222c214e19af37ebc665dc0894a367ae6dfd82 GIT binary patch literal 319 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TqP=_=LEcn3%-4o5p*X?<%y| zQ)F?s$r6a3w^^#FsHm%{8XFtCm}t0~YPgwdc-fkG+nJ<$n=VK-Uz%dHG}U-ns?n8N z%PV!3_nRyqGy{><^ERuO?N(`bK4k#S=O_vC3vQS&@ywYIAOGo_`FsM3MR>Y6hGJrl3SuSi>iwr{J>mHGG&+rGL0cZZF-z}%yL4-ebp0A-PhX%N44$rjF6*2U FngIRdbmss7 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..3c218fcf09ba82f7f0d602e25121b3e4e44fabea GIT binary patch literal 362 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r7RR8({|RP{7f^)*!u zv{a3ajl*5dBV5fRUCkoh%%k1SD?=@-!>nq;t!l$9>jL%a1N9n$^csWpnu7J4L-g0? zSgy^nT9<3JKF?}Hp4E+dt6TLJw;HT&H(1_ow7S!1`LxyQS)0}KHmetHRxjJF@{Wp6 z1X^9=>EaloasKTkZ=og!o|cDc8(2R!uHa~5J~`p{{EL4>PJLqdcRT<3RfXAxQP+&F zs8j@cXNMWt3iox;E#62AwmJTSRp`$T2Ou)kC0=T^Nt$$vsx^wEk{8-dPXVDNPHb6Mw<&;$T3 CV2D)! literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-orange/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..13bc8b7eea06cf9828328952894484b173f75096 GIT binary patch literal 362 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r7RR8({|RP{7f^)*!u zv{XIJG(62Tyv#Mc%{6>2HFG?4@;re^x4=uME>N#NP_H3KuQ6D!DOkTbM1N_D(Xv#d z!eJ^ERs&ZB{SatvZ*cx&W=N z@pN$v(K!G1lBZCUgMiCLevKyP2MirsO2n`HJ^y0gqC+1T{=L1OsuIxe==(WjL%a1N9n$^csWpnu7J4L-bc? znXk^WSd(qBHpgOJj>V07tDE(fx9Tl!HCWzmu(;h|`LxyQS*zuJj;pnEH2K5Sw0o6E~Ft8&V5*64=l8ws2JH~)PZ{>v!8W2d@n zP2!eoi)Vjb;j-S9Yxiz1&Ur_!eKA{oa-zcNImdK II;Vst0HivKLjV8( literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-orange/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..1b9acfc959f550c126ddb447973044cc6b44801c GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_GU2GCdTHb#&PbZ@$RMx9;V5jCdro~yPzUu_9AN4g=v5NMxZNswPK12ao`Lq}i# zgvnE;PP=*Q-@oGB*D8RL&7LlfAsXl3UOLTm&_JZ+q2|)k%#yx1r4=Xk{I|a4e&g1U zZU2kdRNe}`n`t2JIUzX6QOdL6)m78kK9^U@cNAY*cWCyj1sOB0ib@4oR^Hj-8n{|p z?CR5q?4QTukFK9wD^>mUNn+sdOTK+wY<+uUcAwkgx4co|c*L$}#R`s>YARBi%qQvF Xy^#DNA}n+S=o|)5S3j3^P6h7PnkN&)S{P)w#zn@1d7Icx;Tb#MEjn-&ex#8!+OE0Kw*dZqZj|{mpCyO z$Ee`ua+ksVp9a^3#Qb zT~>chjXQqe=UIcT)9X$dpA+b~b8+F~r|e}bRy^*zwfL&~w~aPw$2T?xefqqcam#!= ni)}Lwl-*Y4$=31G?XCA-Y`njxgN@xNAl3NCL literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..8998f2c6b7af3d241542f7303a27f6fb74f03546 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7p1{%)5;OXk;vd$@?2>_v`DBS=6 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-orange/pathbar_button_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..751ca5bf85380c00c7403755e61ac9585e498c7b GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7BT``Rh*WH*JIGp6R cYz>Dz!{3F9)7*OEK>lO!boFyt=akR{0PB5T$p8QV literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-orange/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..c8bd936572ecd74a218b9732c00f1d420438cb6d GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7ApN$}{B@`Gn>NcA zZI&-PEMK-;zwEGj*$zf<2AI3(+00^ZvufPaMqYmw__I zo-U3d9MQ=M?`qo_u8T^nxu@9d%2TWHXF1RJfFJo6eyo>#74XAfVoSgeVaXXq6Lz?> ZFnsq-KWH^?o)SmmtT}V`<;yxP|?f)pAc6d{jA5~d7JHvZmZWb zgI-VedpkSmWxM68Hmf%?Lf*^_do?5EWxLhOHjv1xNxrWqdcU3#1`_G8de!X+WW4He zdNVT|Bmxq&fiPZ8@Bp%3^}D~B7W`&r1Vr%l1kcwKy})eiS6%i%*{{bJeLcST>+vOD zPb~fW>DAxQum662^Y_b}|NsA2)V!$%I!>)5$S;^dL{v;tN+vKQE-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkbc%-^Q^_{dAr5S zcB_|dRxjJFUv>aV6!b~q<0GI_o{}KHU|neNPw15Q(YD z2@4bx*4Z&L-xfKbB$FgTe~DWM4f%63e} literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-orange/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2e47298a77e625afaf0b0964441f40eebf0725f4 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_Gd0_w4=r<;PElFMa7i2?I|T z#}J9|A*f|n>WcQP>eb8D0@ T6y$gS)XU)M>gTe~DWM4f->p(e literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink.svg b/src/assets/gtk-2.0/assets-dark-pink.svg new file mode 100644 index 00000000..9afd878f --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-pink.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-pink/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a311f4108082fa612df88d8cc4c0a17db7cdbab4 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$v@WkFK_jn&_Q1 zEv#f(RLQ-9MfVC8gUG5?52{x^tX=h}cJ;H8l`l$H0nw|*jnB(gzNlRDymaM@^3^Y! zHoYuc{jz-ZtE#oHTQ+au`7I8#K&B+fFPMQ-Kuktf&eY7&#bwLRU3>QJ+yDOKr%#_h zfBEt?^#6uAKy^i)E{-7@=igqkW@<7JV7PcQN9gI}c*j)c@B39-Lrc89me;;z=vWpr zHH1N-5Je8$YFlbK%T`km)^@+k16gV}cbT<4chPbxE2 yeOVFiFzfgFJ7r7)vkpfbzVZHWy5_|fXSXrUsWX+V+TFMi6bzoOelF{r5}E+vw44$E literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/button-active.png b/src/assets/gtk-2.0/assets-dark-pink/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..8306834dfd90bda398d86abbe3075c0860e88446 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$tt3^Uc%s?l6z* zbIt7b$hZ+X`9{R#8>lGp_tjvvX(rGo%J{oB=RI-?z7yb zPvho1ji2)@dH##MWes~?*8(k&DGBlmX5bVMlaZA(GPbdIShI1{mhIbjym|lO!^e-G zK7Bsf`N$uruE^8HF+}71+e_9=O$GuC7jNbWJ$)SSn9BTpziMk}iMQAC+P4fH%VMU6 zFesE<&s;f6FPC9L-i+?hsg)V57e0&6m^pPa)5~1H^Bhke1)g*;+isuh{PO8ZWu~ex xE5aRS{a$~kj7ebD;fTXG-XBiay!hhmHl{gsrjk{=8yA9t!PC{xWt~$(69BVNm|g$? literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-pink/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8e5ea21d17a331dfab9580f27cdede9f8226d57c GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*F~RPlzj!ejYdXaqR48#Vekb zu6!Cd2Z&zeEPIi+>}A=imt|m)__N7%F`cLpZ!xxnDfMMy7In((o5S@*E(hIlpinR(g8$%zH2dih1^v)|cB0Tty3_=LCu>APt&?C?E`&tm5Q*=8mtGraSk#m$}Qm32O{|8zv})3~`$2=A zj_s)X8&bJh#yY(IVf>E7=4%}C{L@}Wh_1Y5&Nodw{*!jsZ=fX%p00i_>zopr00p9z A*Z=?k literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..fa435e8bda4385970ce7c092ed0e24a4e7a317c0 GIT binary patch literal 343 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCu>Hndto=4An9zW|v z>>Oh-NVNBhvh{izH}`4$oTqVfc7?QT4Q{v{J?%#Hlt;0%9>vX0w+~8p2)Z9T^GV$7 z$FZ}4n!GF=ye%E)`V?J=oNzI6!sEEvK#f&Q8zq4jh?fNU1v4;fY3r1CbWUHke8tK0 zA3lEj{`1$bzyDqw4$A^6iSTrB4AD6M_M$hFgMosUwEo&bjI6<-pff>%1F?Baci^J;`@J8YIAb$ dmAvbG$0RNwbSS^5t{Z3vgQu&X%Q~loCIApdi~axr literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-button-active-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..c632d53a716129639d49c9e492d5214920628f07 GIT binary patch literal 280 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|^(fKP}kkVXdT;_|w3YUe|G zFQ-hqnlk-y%&f<;vz{c)eV)7Id}!~*-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXay0t)Kl>SsfG z&W3bfN}6&xdHUnnnU7;;JxQATJa@_Y(B6y5)1Jo7c^W_WS?YopdCQ*os%-`8=PwEJ z3ua&zk(N_X?CYO0^~uv0FJvX{6M#}qo-U3d8o|j4j?8C#dU$wvn3PsD^mp@WoYC*# zYH6{YY2eDrS~+uLC)dUVVNn^;rIR$wuLYzZ7jm|dS##jV5vk7%U3oHL)*&yFKo0eE L^>bP0l+XkKTX0)F literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..230209f61d43283fb83755725d2321155fd01ede GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>E{XaU&PLS7CY-% z!klOEv!BGxc@jJKY1|wLdJ+o~c@#Sf$W>8MQCC%S)w6KZvs~m=wAib7iB~aDyn2z* zHK0NKB|(0{3<`?w9@A&cy#L_Q=PzIX=&VlL2b2o+ba4#P2!4C%AY+39kMqR_u0>88 zv%bk+UF~%DfXw}k`!#CT>Re<_*q+PcQMv9N`{w*m7e6-VsV6U-N?I{tf8DBD pX6(wVGPGX&(Td@%{gMX_(y?b0k8885Gy*MP@O1TaS?83{1OV{*d58c2 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..2f0f0bfbb4f2ebe89bd77aa37fd7c2755970271b GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>E{XaU&PLSnKbWN z!kp)EbDzY`c@jJKY1|wLdJ;PuDDo(F77zhNR8&;dRn=T{EnM|1-1ICLc@-`4DqieW z43tuS-|h=EPM{>nFPK3=QOUz|#>@u~AASDv_1hnonj8LI4l17wes89 vDl=!<_JvQ+Y)#+2Qm(gm>7uun>US`*6sd%HYlpinR(g8$%zH2dih1^v)|cB0TqP=_=LEcn3%-a`NY}zY!7bS z5!`e$dg`s{sgGl4tEi}`tEw3r8@uXRxanDXSvYuEI;PqOq&Wo6^(~z1TeQflXt7uE z60hQO5q;+)`)@~2yAw10aop^uadV>Fn>GT?=O_vC3vQS&;mny2AOAhcnja1n3-@$! z4ABUFd&!ciL4n8RVxg)+*X|d0{?FUS^^wi*=czvjKA2vmdK II;Vst0GOtBUH||9 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-pink/combo-entry-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..20fa282f71edd17738ff771156fa6195409ff475 GIT binary patch literal 318 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TqP=_=LEcn3%-a`NZ4%ZVztU z5!`e$dg`s{sgGl4tEi}`tEw3r8@uRQxawKB=~;SNICxt+rr8IkIRwu2DO%(OM8%7} ziZ4V?xEML%cJ#D6G1DK%&3+m;$DUtV5NJL}NswP~!-R=v&V2azPv6Yv6HqMN)5S4F zW8&LOo=gq~0xlPg(wsUZ7QL(Y_g1N8ssA}GmUls3^-+JWGC!Rr|DJO%%2k*apHnKl zz*%*X!|U0P*NZ=$E#qrqTi4{LzJ243vwD|~Ib1FIX@6(ZO6l%RX}#h=D;PXo{an^L HB{Ts5qm*?L literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..c05db2cf0f11df28a3e4311642f617d352f188fb GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY+OGd_r7RR8(};H1*WA^wqWX zHMEV5jl*m`!|gmHY`r4vyrS&9E8Jo$-Q%j<!ES{+!mCa8LCP|cO7N!Ow#UyGh{J!9<}*>Vrs@)q zb7~w%*}02X=ViF)Pi;TzyOfPTseAv~q)qB4e%bxn+}p4FlhN2j%p{KOjy%vQ44$rj JF6*2UngHgYjbQ)) literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..7e9957120561c7c0138fd71abd38ff4bcaa6ca36 GIT binary patch literal 356 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY*a@d_r7RR8(};H1*WA^wqWX zHMHIJtUUCsJoT-;^lf|$Y_lx`ax4RLtOE0_f@|^TfV;US{8y(^nc@-`8 zDqiAMywtm7nRn@>hzVCBCtZ!4bS-M~^{B}=qNY5Go%JYg_T$*uPvT}jjhpkXzc&GB zZ>6V;V~EE2x0gJHngV!SFLG-%@g|*iw^N(&_x;66t<;?i@4uXhvt8hOGv@LIhB;TB zycN34yhSUvarK+fGL_dHuW}W#1p_sOU;EtHlVrIpr~cQ}eP?Db?O8HO{Ny>o*ted_ xRV!_B^0Z84j*8XKKAOTGVDDDH?c=^y{zETCr3&PZz6Cmh!PC{xWt~$(695-#hzkG! literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-pink/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..a4fe849c1a28d02ad8a1a9d5a9b54c1ab0b31f8b GIT binary patch literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r7RR8(};H1*WA^wqWX zHMEV5jYF*6Lag0Gt=+?{JtAy8OPnH0oukT}qsyJ6YwV+I?V{`KW9sc=8XRI99pYB_ zSF8xASm|G}Dxh+8K-HC~NmrvLUyGW29f+c*+=!a;D0bGPxY>_mXFrLX{WNaQPR8w< zfL7Ofx;TbtoPT@CTd2uEpyi?34UHcTH9|avY|s9sm&~8F$)@4|x7($rC-l;^y^_6~ z)J-eJJ6}$G5%P=6H8J3(Vif=KgKjBnZMY_FI9D(`JmQn)&G~gp^*^U^&b#u-Y0GB! z@ajdPd#|YGbg__-jFxH(VaKq3!gW<83XWo&G0W^7_+Vj64f6KCraZ|9q2 z=bvQnpKRyf=$6>zmelN))aIVjkeEBkbK&*_NXGZDQ&bMEic*#Wdquq4PYn1Pw4 zyrHA7f5PM`Q>Wd$_3vNt?rRl5$reu+#}JL+x0iM^H5rIBKU||bS|!~mH*32 z)?dAPH2?2$7L~VVwnCRPR2=yNB{!-cTo@YsRw#7wHsy7J?M(SylbaGlCTBW4d{TJb z?s`L%vDnm~5m`Tv#~)okxmK$B@smWy<9B?|aj|_{8?)E`@6`@6iFzf;^ZK#O)-;=SOLmn_v3$2AXuDw8 o*H11t(|+Im@49Ruhf5=8O~-exLeo&oG@xA!p00i_>zopr0H(35RR910 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-pink/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..da5404de7eeeea704e09d1d97b06a7d570ecb57f GIT binary patch literal 503 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MF#?WLR^9Lv&fmx6X(5%o&GX% z_N&rWuL~Bx&RPB}cJ`ClIZxu}zARb!ta$nJqUBHHWFTxjA3l8i^y%~GFJHcV`}Z&7%$*%TZH=BTjv*YftOoYur;{LkL_)o8ogvA56lBJwvjU)Z-zF<#i=#P=;eJ(X|V zYiC}c@^PZ)+ok@6$5@1m-n?MYwJUIN^|j8D|NZgEyi>_#^Bgok{=Cg_D_(w1wA{gO id$}d9?a|n3a&KF&`DvzOZ?b@nVeoYIb6Mw<&;$Tgcmt>a literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-pink/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..098e8da9a25cf8b66afe5a9f15b0eae5737a0fe1 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7~}U&Kt;-)E{-7A7a?58nvpC!zE z8aMk%+#DeJG#*Go(K8qWDAH|K{12#suO!GXm_bHeW98a)>o>f4|KZ~&4(9aBKp8Vn z7sn6|+2oXWpFX8*xpinm>qh;?ht`j68Qbc6-b+YGyl`h&`{#5-_<;|-fv-6ZC%G+K b!y(V`ccJ1mx1KnV{}?=7{an^LB{Ts5NQGgC literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-pink/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..16777f50165531f6fc85644e0cabd99ca4363fee GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7ApInI_S2ZT&k|-n zjhp=>ZVr%q8V@9)=oyRw6zMiA{s+{+R}$nG%pjw#v2yLY^&8&2|M2k>2Xp#mpp3Dn zi(?2!baKMG+IEKPq7rNFDK@+E)N1@$&htIsNB)H$>m^?W{P36967WMFVdQ&MBb@0M>k6eEmmtT}V`<;yxP|>sipAc6d{Va0k^Tc^CVyC|@ zSo}I?`P;I!&*J7jiJSerXvOp5mCp-TJdKNtR5(sy#yo+G%ab~v!waY zGZ%l}eBtw!i=Ve%`t$DVpZ8z?e)#tP|Nn4N%~L>^sg(rz1v7|V~@{^^?wIHv7Bs@GZ0z#w$x`Yx+m?>k%G{!R7KyuY5k^{w%-l)j4H_M%^v87^(= z-w@`N@>oXiwts|xVc?12AG37(8A5T-G@yGywpV0^K11 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-pink/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..cdf6c0b07fe91de70942fda5f6f9ffad45d85acc GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkbV|7^I6oK=Lz$l z#?5&eKj&%OY!D-EE|>%|K*;f6eg{w~Pf3tpFoT@D!p>d0_w4=j`KN65-e91(zNd?0 zh{V+7gawKT>+G1BZ;KpIl1Ud(VAMI(s$v8r`&5JgyOxN`&-ENx~i5Y{P9i8M_I PYGv?r^>bP0l+XkKmElfd literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-pink/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..0ee7d674c241ef6b742caca18e728c278143ea41 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_G=@TD&uC}H5~ z;us + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-purple/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..6706b7bdea0f92a2e74aac441c7de10136308a5b GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$x3)Pl&RO%W}^v z39cv!t5}e;a$(krMcFHtm#$w?x^`9N##I#?R_3o?QLu4k!G;Yr+kouVMH^S-Z&+Eh zX+!Ofl|b>rjcZCaZ>rnT>rvPSv_PgL$S;_IQ$S2cR?gJS(ZyxU&Ru)b1DG0T>uubH8@Vl~hLnUWyCUC@+v zosay1>WVyF978nDzrAG5)MOyQaPel2(9_59j;YMw_p7#smUw$DuYJqVu`Fh42!le& z^~{yC^l}*{~om!c}df~J9jG0p>Gri39JJ0dtQQ%1jv+ee|&M%*yRA#FBvLf7J u*6;Oq%9sRZ9gaAByKx~X7(8A5T-G@yGywn)0+FKt literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-purple/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..1f005d2f3120d45a1cd6aca2c06f42736900f6ec GIT binary patch literal 360 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G-pPlzj!o)x}icG#j7x$BnY zub&ydXja(b#p$b;q^(|=zj0;3##!NuXGbiV9l2yq)RK9z%NC`sUYxdiN&1?lnQMWv zs|q)+F5a}ha@&(j&z@d+{^tI>w-4XFd-VR@;}4%+e*XIY+qVzj|NZ;-|Ns9Yn@d-K zmT{K^`2{n0dIbePdi><+^A`uiPsD-T;_2cTA`zZ?K9a9NfrlmF&UCIv>vk0XcaB=@ zApC6cNt;Vc44$d#RnJy(I>CCQgQt<1)4kxlEFaU?8h^GO6}#ukPL;<0KiSVu<(kH&{{1u1QU*^~KbLh*2~7aD Cgr1)O literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..ba0587a9d52ac5c5a3939dc0ef9cb440100deecc GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty3_=LCu>6xLc<_FB59l3Bu z_~O}NOJ;{JHa0dkH8q_Xv3OR*5+K{e#3aw7Xja(bOxOIr;AuTUlY#76;fo7B%ZofK z>U>-3{931nEtnCu5GV*iKwV}gW_ITGQI4_Ej&Z3jnQ5-sK&j#f{whE#WlMtmf*JS) z^z>um$}1Y0J33db-g5uZ%U2&ie*OCM=g(iitJYkY2viv9>Ealo5&ZVzcF_g{0hfb^ zxdiT6b8i28-Gl3WAK#CMExTLFgJ-&W2}bNSWw~IizT%>x>ZfO=kG(AU9EImJ9otd& xH>7g2jCFYZ!}uME&DS{O`KP^%5M6oAoNtlpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCu=~bbtW`r)86}eze z_#$I4@Uso@wDy`6v3OSa;+f%#8vQ%#{aUAl&Y2W4Yex8@nc)iqZ9@X>LZ*k!pB}yd zs9XYBuaw(f*F{#v~|imI;SsNzT)Kh4*)Lp1n*OPDWLZ23!}`&p(wf7HA-K!Jx_~-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|^(fKP}kkVXdb{PJqzYTbTQ zro_#e7C&ct*n%0M3+KcvS)8`2+i&ue*x9qf7tfAZGB0lVlJqqfP0Y)In)ynC{DK*n zMWp2vmHMYmd;09f3)xd?Za^7lPZ!4!jq`6WZe(&W;9YJ`Tzg=XIXBGrSDfY ztXLYZ@Ojt$TJ;x2rthr}toprTW$UZ`b&JE4uF9ZPvefn)k1bn3uJm;E Kb6Mw<&;$ThC1E=N literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..d77201e37dc4c9dfdf6c48ff8fd1df7abce22273 GIT binary patch literal 283 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXay0t)Kl>RrAQ zJAEfjik>|+Ztje*h10_p%!ygDIBiw8-{dK=vuA}bo*l7dUfl8}>1)o4w0!{T=PwEJ z3ua&zk(N_X?CYO0^~uv0FJvX{6M#}qo-U3d8o|j4j?8C#dU$wvn3PsD^mp@WoYC*# zYH6{YY2eDrS~+uLC)dUVVNn^;rIR$wuLYzZ7jm|dS##jV5vk7%U3oHL)*&yFKo0eE L^>bP0l+XkKT&!2S literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..67b5e47902121d6d8d493532e4d6a986b4f47f15 GIT binary patch literal 304 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tnp~_=LCu>FE*kXNNAD6}D(b zHo*BM)Ryc&Q2+UqIBWxj1Tt!7iO;yc8*V0ngs?fE($gKh>7}mQv6KD#5 zNswPKgMy;F$MhL9?>~6-`ODWoI;+$60i{AbT^vI+g5O>WWO7gtXnCmVlHon`cf4r+ zm0gbiAAjGmS)guG={ANNTl)KtmA};B*>-KW)AEdE;UlpinR(g8$%zH2dih1^v)|cB0Tp=!_=LCu>FE*kXNNAD7qxUo zHo*52gfY8kFMPT-#8DR^72q>bWqN1j%X0Bstp=)WWYgOo4Ug%a16n}MU zeiYCwfs!D7ay)=?p`I>|AsQ3kUh-sWP~c%XSa?)6 zVB!D&!Tnm#IKOS|o9U5t=Sk($rFjo0&+6TC`~%OE6AL*^HcG$hY;)?|e=qBP&J%+x r6M5E#U;25|_iav&PUzo&e}`G~0+mmg{#MfmTEO7x>gTe~DWM4f7ae-i literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..f559df57eb21a1b85f6960703166b3ec08d549b2 GIT binary patch literal 311 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TuZL_=LEcn3#Ck`1siPHTbnP z__a?CnLRml&djhyDk>^!s%pl@#umDkmbz9B=8g^)jsdno0d~O!o@Iru<%OPQMQ#cPDCln?DP39;G@(XU5FyYLZ4VYb!-wkTDp2+44R7N89bp00i_>zopr0GRe~ A@Bjb+ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png b/src/assets/gtk-2.0/assets-dark-purple/combo-entry-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..ee711af6e8d667699b701f4ac42f02cbbf3c6eb4 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEcn3#Ck`1soSH~6(R z__a?CnLRml&djhyDk>^!s%pl@#^ySf7P^*}x>gS6j*b>i0k**bcEJT6WreQgg>L12 z!PBOM&YcQGVe@8&FPas;_{gJKeL%xGN`m}?8zxLVbLPXxfBI%VpMYZFo-U3d8WZ1M zI?mW&z~dYkczJ~;%a;EOWEzhsf9QXoA?a|tziYn8n`x1)rp8u_?@#>Dv#Y~pk?@yA zf>U%pUUz>wTh*_rip_C)bK<(P&A&BscuejF{5#D1c8b);PnI#>Kr0wLUHx3vIVCg! E0H^SC>Hq)$ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..d2a58a95fbfe3a2cac1d5ee846e49a54ce1417d6 GIT binary patch literal 352 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY;-3d_r7RR8%z8w6uUoU0YjS z$Jp4|!^X?g#@ovlhZr>@eszRI_u z+OKh9@XU!JGbe@2niM*Fa>(o%VGC!5Et(m=aAx?TS>cP%zMInmw6WUL#W6(V{M$?3 zLQMfYE*IH){8|2gYDw_e^xxOYf2of6gSqn}!<$#Ef3t9_n9_yVyZ01}YXz#NE_7TW z8_HMlvth|a?TFbuQPGJ#CT2h8Tz*skYwEr;r>~`5l3e`DaPek;jYZ4#4!v6yzopr06Tky+5i9m literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..33051ff786cf603658ba179b548f687f0bc1739c GIT binary patch literal 353 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY(EEd_r7RR8%z8w6uUoU0YjS z$5PkYO4r6(4~T4S^zHo3g96Nh1I$AL%|oNC|5nUjKNO$wPcBW&T!uthV&7tRb{G%I}Zw+l@7fRZC`$Mqt&Mz8FOAFlgaCj8aERH>D^li~fBGjX;Hyl=)7XEC13`c&5WQqXGZ zz5}6rTD<SU#Va4&2^K+%Xe_*_`P$WM26n6m75e%NLelF{r5}E*)zkx;o literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-purple/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..e8ef5dc1598fc29c148c463c315a189db53c7c12 GIT binary patch literal 356 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY(EEd_r7RR8%z8w6uUoU0YjS z$Jp4|&CbP0l+XkK3s8c$ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-purple/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..946a871bfdf0dbe6e9aa569eeb03c44e144283e6 GIT binary patch literal 387 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_G zxAj{6pU^*6H^v4v?$6qrS(JA&HvN}4 U-@wEC80Z=XPgg&ebxsLQ0NN&(n*aa+ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-purple/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..b0e05ba9ed612b21c6d4366937df5e35866109a0 GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MVSFUA+EE+m&^`Zv?6!ivi$Wk z!xzm8Tf8`Z^^&yJEAuz5EZ8_JeDSP^#j_)p%#K_#Cklv`&WT<+FK+pQ#1#vZRxU|j zvov$ZV+?COhW*IvH5{pQ`H_aB~p{P_ISm$zU4|N9RF4E9SbftGTW z1o;JfdIbePdi><+^A}3%%T5AC<2_v*LpY*+&xQ*%DDbdcSaBoZK-|W{|IS)2r|MEZ zr5Qz9?h4@Ss@hQ!?d2e-EvS oo2PL*XaDd0Crm^dH4GZXTTXGMuh_Zt5zs0IPgg&ebxsLQ05$=fzW@LL literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-purple/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..04f0a43616694ff6ccef05e5af733dae972ef6de GIT binary patch literal 503 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MF#?WLR^9L%*bW)Lg!77T{Js# z*{ZBniwo8+&)GOTe9_GCMYF;dFUw!QykPzE-1Rdf7S9e_JS$=eP-;oWnuV#WSLUr- zk-L6Y_~M!2i|55I12X2tEL)ks0f>NXAetSy1j1O9yb8iyl)Q3TF37YMU^RD<~&=ht68zv0To&DSn%xprymwNI};e}4Vt%iFJC-+lY~ z{@b^Y-@kwS{{R2~3#V$ufqu{~3GxeO5D^spy$$+{H^* zuf6~9;p3-IpFe;3^5xsVe;H@)>;P(O^mK6y;gDrL80gnxAi{7UbLF0?4eS>x{uj@b z5dJ%*^@37}v1W~j5UD3zDI$f$I0?TX^NBDXfq;?yqxbH(hhXPtk~cA@UqgZysw4YhJYZ9r3F arT=?Au{>HNbZ;ZjF$|urelF{r5}E)F)br>7 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-purple/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..4868959fded69811f1aa91c0d3aa04017fec9991 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7_+u1~}U&Kt;-)E{-7x&+i)V!c(W2QA5C($07QLYzsDZB}$S;^dMqOj&+I8zUym|lO<0lU0^vggQ zGfx-C5DwYoly{##rEIx%XhZ8p{lU-WxNJzYJXIT5^bVT@p550k}ISwbe dEnCAO&+vDl;xxCOIFSDsJYD@<);T3K0RU4pUA6!K literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-purple/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..7509f8475c8dad4d23bc6eb51fd18640c65fa69d GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7AU!*J$=uMzGb5MH zidZ}|e95e^#k0bJXwmEl2m?W0i{8)<)WBB~Dg`emSu zv8Rh;2uE~s!n@jbhU=mdYwjsFyYkd({8`TPJ>W{B_ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png b/src/assets/gtk-2.0/assets-dark-purple/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..f8d25fd379ed86071db001037e690234e2cf6c06 GIT binary patch literal 469 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|?f)pAc6N9l2~?=)CE%ixwBG zU7oXXN$%QN5ld!AELobrZdu;CWjX6+Ml7Bcz6dC|ICb^H)YU6;*RRaqI141WcwWph z2)QC}Bai_^b0U{O7>iO?&5m5MFlpuT-1Vypp|U{1MX9Sn3L+NIiC#K4W*Jby`3+Yt zY`k)D)739;zkYr9?d$t*|Ns9NmDQOEbewugkY6x^h^UyPluTeqTzq0fV{=D$fB%`Y z=Pz8k{^8@tPoF=3`SRu4-+%x9mHHfW18V8=ba4!kkjy=JQ_LxVq3vQkv)5-IWnTF% znfLz-=B7rjyA@r(bG7p%nQ6{jn|{n)n)$8ocoxg~DQ>@{P8Q{t=rMb8E9m!X8Yk#w z@=w_s$`I`te&EV9#=c4C8dk2=7x22p=$c#G(7Qx(f_P|X$^n<4|1Rn!DL?t6%Kdrm n7YSBneO)$NBg$Xq?`P&kOyU)fPo?MqUB%$(>gTe~DWM4fonp{0 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-purple/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..586dd4384ab906a761f525d4fe0f0f6a93e7477f GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kke(U3Xin79=@Ij1 zg)g2Jws=mdKI;Vst027-_F#rGn literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-purple/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..eb9cdc4ea26e43b6dd87927312e38959a78dc772 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_G+u*I{&m&}GTfNTUxmulYtRLxrw + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-red/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..f2f59b6b851612d595e076bcd44797b015dbd795 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$v@Ww{Nhuo#^L1 zEh=nQRMeBgf~P=KkpH}@>Unk5i`wev^)+uxi{F)(yeljH(A4m*tmJ)F#kKYjZA z`OBBDq5n6`0jewVba4#PIREyNHB*y;0K>(bIYLh#$2+Dnf8Vd#8d~D*wY>H%L&vh1 zsUZvsCD$`o&eF?en2dT67hgrYZ-zj4fm~}Yf@QwF}(={)?IJ=E$PMxV_)$YcHpkVNH^>bP0l+XkKrG1z` literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/button-active.png b/src/assets/gtk-2.0/assets-dark-red/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..f0231d032bd7d3e05aaad27051827f9726563544 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$tt3(<|21?XWTL z^K|X^@OTgv`7ko#VPyE@)YQl6DNi%gA7^L0ii>#-MsKq-fs8jv2_P~t{%u~)+xXbG z332aIlHTX%&iJ5d1++k>B*-tAfm1+CMpn+q*v8&r&Bjezwr}6@=KY5cA3uKj^!a4x zBY&W}B2O2`5RLP1FIh7+83-_3yqP2P^l`jnD)aaKs;!|V-d@XV-!gP8i zbLA|(T!smGGrB{kR%WnX_$)qS=G4hdFLV9Qb3Azzc+$aayM3h$9;)}D}nC8@(N>=S|TnGvVPgg&ebxsLQ09`+m82|tP literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-red/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..f74e73c084a95d6d152f18188c51f20e4bf91787 GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*F~RPlzj!eis+_E+O`PS@DO` zqPOv}K=eK@`+a`yhw@S&0*NHVy-kdNo0RY_HThjm*8AKXpzQmCJdlElvJaIN9~!xxnDfMMy7In((o5S@*E(hIlpinR(g8$%zH2dih1^v)|cB0Tty3_=LCu>33u;$w`Bjm=F>-zLPpjgJMg%}h+@_(8G*fBmjnb73M-VWg*vV~9rZ+l$*p8w>KOVO1ZYd9*>FOmIvDcL4g0cFFi-xM7o|QiKvgC6Vp3`(}N8R6$ v%FQy?;q?#WcO*7nbP0l+XkKrsk3~ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..2c35e0663ee30390f7c655e3ed019b5f45edba68 GIT binary patch literal 343 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCu>HndjZxf^6#>c;l zjWq^?WP96aTidtsac|>e-zLN!3=P>G68I=4>V9<8tGJj~@v)iq_L&a$FXCd}#K*pl ziveo#wy^NAv{>Zpb3H2JMpVRWpvL&v#~vm-ffk6D1o;IsFl%Y+ly`JaU$%V3$@3pR ze*6CO*RQ|-UK|d~0xF5{ba4#PIREydHbi1WoQTmIEYb-k&dx$MPe=JJX*&YqL6 z${sFet(zm+nwzjt^xZ@boey0{9CcrKs%mt`+lSuENmt59(0p-gv)AJLe^hF7a_^PA b>wL!~E+BL$zo@PoXa|F*tDnm{r-UW|2sVg5 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-button-active-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..27bf6111ef5a5999abe0e7b59762aebbc878820e GIT binary patch literal 275 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_6fKP}kkVXc2;^L-qa@WE_ zZlxr@ii-iEN{DM@eRW8Wsky-Q1ZpP##F^_9;+oxCMMe!&dPBGPh-O8wKG zK6~+EdhoewpoEjBi(`n!`L`FXnHm&$4qVvc%2@CEzCI#t$>PP5_oW=JT+*JfRp$H+ z)~I*SlGSg#v&+s}_-p-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXa?0s?yC;#Wd~ zuY`qMPf5C&n*2I0<`obnC%(zcy%rX7BPHo=eC*qVxOZtO@AGpRl?3hs_4Ahm`2{mD zi%82UDE9SFnfm1Eix;wz_6a~KCr=m05RKsE1V`pGK0Q1lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>Guf<+;M!bEUTzP<-Wo<#RxT_)CKP zf*BMP-94tyn0f!fqt9Qy{?S>Twht&3>gnPbq7nS|(m}=s1s>;%4P1+yHfDX3zq;D# z?g5$m8~1C}tkt>5oUlEY#iMfFJNC`_p)P)G&QnibIF+0#w$0d;S7m6u i_@foWTl*ys8l+>-C?3~lS7`)Vz~JfX=d#Wzp$Pz`^>$AH literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..aa6a747b0c67075d8dcffc9ebf11d8b29e902733 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>Gufc{Gqhp0JU4+wDuVZ`i?iaNUn{?z wtuk|#ZD08G%+~bXE9H87mo9pHseT6|OOZ;L$A&j+fEF-#y85}Sb4q9e0FOs^N&o-= literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-red/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..c7356b996adeeae59e18a3bb45131d5f13b4b5c4 GIT binary patch literal 318 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TqP=_=LEcn3%-b*(KQ7?F|Xs z7ZUs+I_hCe)a$qy6%`eARaIkSV>dlLcRf9C3kz>c%XEAD3FsqjGW=R(#N(K#C$Z75<73~($6jrJ)d@78qa?^LxM9MCGiN@0{P!elemGDp+|$J| zL?ig^B}=9T1s<1+g{lf&yIfBor~VxHV0!tQDnpvJJA2T)&36yoSgxg{ zo$hMO@2acs+WO~f@YmUu@3OizUq3TH=9nqd?EH)0HlpinR(g8$%zH2dih1^v)|cB0TqP=_=LEcn3%-b*(KWB?F|Xs z7ZUs+I_hCe)a$qy6%`eARaIkSV^=+0H$6RfJw0y=3m;31414%df;&DvWli29j@v(2?V;_HiW(hQ(qa?^LxM9M?GiN@0{HJf`^9d*x?&;zf zqA~I9B~K;?0|A$dMrlqR5{ur|`+KX@vef^a7R$RJullGzSDBwqlYh^-7v(BUi_a+) zUf`^{$l>+u$LqzP&X(~tv8`+JQ{TSv##y~f#~iMf{ItI_X{B`crnFvhpcM?Bu6{1- HoD!M<>EU#G literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..f3def8d4fd7454d49c20983147be111a5cd4d19d GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r7RR8(};)b!NV_0`o4 zG}MiajU()ABSFY6%FZs@&aTSct;XHG*2BHd!@a@YuF>AE$=mdKI;Vst0NUk< A8~^|S literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..8a7b6a51196af47844fe93bdce8a9a0d04fc0196 GIT binary patch literal 358 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY*a@d_r7RR8(};)b!NV_0`o4 zG}Jxy^}O`;y@AL;-`Bt(*UB;{}fjmV0@w@b+Bk?X}9= zYqgKp8Xxalk>PiuBJM^<-iwaBA07EJF6I>w#mBymi+K|t`!+r{Zi3`~puN?eE{-7@ z=igrP6l!u1aJk5@(Zt-u>|q`ze&z4`7yA|+{=o3>?d?>R3w{@45_1^zvR=ORTBe>6 zx{E3N=4zRWNcUy;+!l#hY6T}mpV*cYaVB_+{a>&6XT2-Wcur-S99wL1W3pSx3Y#~1 sTBdW3hSkr$`h+9EKCOP+&wcIu@tq>4eiu801D(O(>FVdQ&MBb@0Mj;vdjJ3c literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-dark-red/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..b32d9146b93ba5c0e1f263058758ad7b6977f716 GIT binary patch literal 365 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r7RR8(};)b!NV_0`o4 zG}Miajl-<1!)&a>t*ygttRrn~%AB1loSiFOoU2@%8|>{G?d_WE?V26zTOA$N2KcQF z@Lw0;zdpc!L!kf0z<@i^k$0mb?*UOv)cxqlmvJ$#fG9rpbzIDw_}I7cv9=Anwg9cJ z_jGX#(K!G1lBZCUgMiCL79SBA0U3u`+jcE@SMT;+RJM)%L;ig|Wyfv7CgBp&LVH#$ z-L5@zUT4@+?FU-bQ<>wgDF){&FA}rV3O=w+;r6D3PV<`nz6}3ml<$-3w@Sp|rm1_g z?ZpnhsqJ@tm$LaMt=@k&t4QU}oA|glaj|dWV_w8Yzl@79Ha0dhHa0ggiMO>)u(M6H zvr7RYd%IM7yH+>XR(H2HH@9|ow=Q?L37#I)yuB_(gkOpbzZ@A3G}gk+%L8boU`dc) zFatA7c|%8E|Afg?rcS$g>)*fP-PbCBk}aMtjv*T7-(K3u)MOyya?vrcKrwBej-YtQ zng8{RYkRht&HFaZSRr%z$B7c`%AA|xr)(@yxlwI;RV~o;lWt+$7VQtqEHtFpOlPu* z_%W8}P7HnB=9y|YZPve!;U8b8%s&=q$r^FRu6*+1MU8W(ufE=S>*W=p6!GHgHQQ7? hq9mRlF_kzeuCh~VYJZN=RiJwqJYD@<);T3K0RS#7n#uqG literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-red/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..ef26242d45562dc8c93ccfff29d8c68ff446b751 GIT binary patch literal 345 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MQH&(A+GP@;@&01zAr2OP+Igh zJ{E}H=Viao&;3wd3Pd20gt)hf@o$q7-X-8^7<~{qy+opXbm2ym;~V?c2Za-u?gg@Bjb*9W&q01lq_|666=`=@k_G z=<$=M&tE95FFOeojq`MI4B?3OJ$s$6L4k+$f>nXR9pS<+|LcPmGVbK}^{cw<6sE5j z%C+>7;wpxdi#>jXUp8mD{Wh|5)y6~B1tRT|Ytyv2d!PFiJ@r$L^D9|(z3qwq@Av=X fmAa=oA4=LA+RnvY_T?-n$QV3b{an^LB{Ts5r1qX$ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png b/src/assets/gtk-2.0/assets-dark-red/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..b2aebb237fb6d093f16b041a6aa977191d70746f GIT binary patch literal 506 zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh3?wzC-F*zCI14-?i-BT?L74G){)!Z!pk#?_ zL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#T$MF#?WLR^9Lr^v|9iHR>_V_&93 zekm<|T~P44Eay!^>{}p;k9k*8^uDm8z-^Is%$j^J1m-D`~_;ZkE+^}Kap4D`nPnwFk@q=S zAaS6{NeOS06W^sIz01n@wsFI^O&h;&+5CO`w(r}wf8VkF@9Wop-@N|&?%m(_K=l6a zhYx>0e*E|8(|;hiY4-}~2knv|zhDLtQ894|NvWXFu$b6{hNkA0_U^v^v**rTyma;2 z`wt&Je){zJ^OrAQzWw``apukrptcrI7sn6|S=NJrLCppt3nAq#j%#23$zpiBJN>+S%z?+r#tQm| dtE+SWFkcn2;$}*Fz6t0a22WQ%mvv4FO#t=Y{T%=R literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..7d753f854b62e171aa31c7da97024a79f601af8b GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7jv{Rb*%@O1TaS?83{1OTx}Df$2a literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-red/pathbar_button_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..eea48e7328848b3994b0519f80d0c6ac6bf82e91 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7BTT^y{RUHwg)E zBdXc82Ss5^L@$HoNlFYW!Kw^F824{)HdwC0_;n@R!&U@IzQ~M$v>F b?ko)7ebWzG&6}qL)Xw1P>gTe~DWM4f9k^N6 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/radio-checked.png b/src/assets/gtk-2.0/assets-dark-red/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..4c5c66bd0ea43223cceb6acc2b05efad96f0b1fa GIT binary patch literal 469 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|?f)pAc6d{V6i?b7JC)*x1(v z1+U9;-jW0HqgxE#CKU4-?wc3zIDs@ zZCn4od-wM}5WWBV;luy`|AnHgW&s_iUJ~RN%pf8vCMhKo7!nts*wEPA(cRyF=Ir?k zm#%;K`0>-{&tJZL`S$nUzkj7Z$J~Hgx;$MRLnI_~54sCAIWV{$%x5VMJHXL)yuo9~ z|A%vCEsD9hc7NMz1<$6d4r@K<%rr5Lw3%jHxy<5awn}!z-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkbV~z_dYr5eL}+9 z_?Wlxv0xPUHV(pol2+To)&Z6Blmz(&Gswv+?A*0`&)!d;f68X>4F-zqd%8G=NK8#m zSfH4&&W@S+w#We`nREdKMx8^gDn>xEPeq79EU~MNJ4bNA(q_g2VV&ZXNYiwnRt8U3 KKbLh*2~7ZS%uCt; literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png b/src/assets/gtk-2.0/assets-dark-red/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2514e66a3d7f94ef3f20880b3adf04b2d3a8c840 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_Gc#kj|HQ+w{Z|g>>H>^Y|WoKZ=h=4k|4ie203|!ox67L+57p+kDm@-`qF_C2A(dC zArj%q2@1Rh;i`@jGUe+XC2Y#yJ4oy)f6rIMcK+^d0k+?FR|~KOFHvUhWMJ^;)+k>n S$ngNEm%-E3&t;ucLK6To1XCOU literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow.svg b/src/assets/gtk-2.0/assets-dark-yellow.svg new file mode 100644 index 00000000..33b69c82 --- /dev/null +++ b/src/assets/gtk-2.0/assets-dark-yellow.svg @@ -0,0 +1,232 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png b/src/assets/gtk-2.0/assets-dark-yellow/button-active-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..7541e60784ea7189c1e250639f51b636d33c2310 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$v@zGHuB)nObH) ztHFC-v;V7I2`_giyxf)WdVlWg!})IxWWPC-|LJhb=Od|~52t=PQ3NEv9?kr6IOXfH z%r7TPz8*>YdL;epvFvZBN~@CEi}kYu_?- zEQ^^M!k|!cJ#*!(bGZx?@@900POZ#fy>ME5#>}acnO^4lo#%M+DDb3%*>?L}=a)}U zDl=7mSrP6q>-YLQWlRFI4o4im@&0hS=EWChw=vC$HkG`6#hM)y44$rjF6*2UngCKo Bp5Xuh literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/button-active.png b/src/assets/gtk-2.0/assets-dark-yellow/button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a420c4bd5c7ce73d854cec5c67816476cce5b0ee GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY&2&d_r7-G$yEuQK^Vh?#a@g zRBAc7!sgj}_oo|x$nC|}(C0fMUTzI}xjpjZPS1}!y@2S`J|Nrc({4WyxySF*f#}b> zyg%>q`Mf9a%fZ-Q`Oo)&7RZzY`2{m@3W&+b${88k*gLG*xM|Dw?K|GQ|M21C$4{R= zpX_|(4^&s=>EaloasKTkYo;ax0fvh=bA+Bgj(1FD{=Q$eHMGRrYkBQkhK^-1Q$rXO zO0H+FoOLdjVM5-F?$D`~8LSshi_e%jbu!b-T)*=iPaXxHbTHd)pX>bc=}Bd#sxK?T v9cKMrf2WK|VAkP?!#Ca^PS?En;_No2Inkz)x35^UgMz`+)z4*}Q$iB}c$k_l literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..14cc1503a59a9250747fb20de08f4d83961f76ed GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*F~RPlzj!{<_oi>n@*fM^Zi? zP5Qjc>+>$}F9%}29E$mJB<;(QR3P{BZlBM)eLwH^`@ARc%Ympb2co|mjQw&j?(31X zuSe6r9?krEqTtV)bAR5R|MT|3-%oe{e!l$!-IP%+}h`(`5&tIWuz20I9OPFF@nhrF!DA!y!m19Y%FB7wa@8CO|jqAW$lM+5|!?%J>{wkmTosPd%%(XhU@ZMaYtqh*7elF{r G5}E+DeX0)t literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..d98de6a545992ff192e6132dc530fda5cbbfd5ab GIT binary patch literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty0_=LCu>36$b-tQ0ivd8bs z4xcZ(yua-BF*Y_fH#Pmd)8{joZDwLJzrpeIF7KID4tG|1+*t1Md6y56yS&9|MXS?+ zX|C_Kd41UK4HSVOpms}h6Awqz>NK00blV9fc9YBOfl`Tm2HimWWJ-ekf*JS)^z>um z$}1Y0J33db-g5uZ%U2&ie*O9L=da%ZR>zru>LNT{978mM-(GYVYfunyIcT_OQ9_@@ z?|lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Hn)jKkxDUyuHTqsS5A~=cC^*IZJzJ8dwl|m z?DPWa^L8=waWz}k;&^A3$KBN)A9sSZ_pBFR1hhkqsglFx*m&aTP8N$V-!iy;94L&=^}Sipu(|u`KRXA6AYyS40rLa`257&e*Kx_ fQPXqZ?|YHA$5=Qv`k;;i&=v+yS3j3^P6-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|^(fKP}kkVXc2^8BW1;&)fN zJXjz4U}O0E9iH!ZczxIv@M(X{?G-L})`fiD<^6fL&zHTyUk=9Z@ohc{)XY~B4Ma;2xM KpUXO@geCx0j%Kp} literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ee405ec0f0e0a6c893fee9aca3a6106d9e05d0f3 GIT binary patch literal 283 zcmeAS@N?(olHy`uVBq!ia0vp^qChOc!3-po!riKX6lZ})WHAE+-(e7DJf6QI1t=(4 z;u=vBoS#-wo>-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_UfKP}kkVXa?3IclS;Vs&Sf literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..372b9175862a4ac81e497ef1a783c75a33dbf38c GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>G#_`KJ4`UvfKO1 z9Gfd;NL)olMO{tR-B#PfPJ4Bm?V5Jmwe5C5@y9!k zDgq7SFA4GsW>8Rc_n1Co=KTkcK7aZ8M`v}~KA=>nr;B5VM)2E92N@d_c$_aba4mA$ znDtHm>T0LE2W0MV+^lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>G#_`KJ4`Uu*dt$ z9U4>V4oB*-tAK|xW;!*j;W2M-^8{_^$PAC{UN51?GAr;B5V#`(9G%$XVt zcvuc9&&rv-h#8s}Gc_L_Q!8$`5X3KLESfnC&zq&Xp{`s}? x+u15JXW90JPtR;k-@Q_gn4Xuvj%7ZgQu&X%Q~loCIBv)d@=w4 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-dark-yellow/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..57d4724554cb58303a045611565e3914a28751c4 GIT binary patch literal 312 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TuZL_=LEcn3%)`S|$Wr9h&ZX zc&6*K4W7?8d4AmKrJ|yuuBK{iZ0v5U?O~_w?P8W0X_XaawY1rBS&P%^HrqArwrkt% zZm;xsx!Lp8W}p`D&%3<;C@anZn#@rWHMN;uxY4{PvP9 zlY@bP%fpYeeOnY-cK&x2m6}w_y#CLrxvdYiFK;(x5R*OFI3>L-V&<_JSCyi`E5+eg zK81vwh_?^jKeO)siJdpj=6}zt%q%+be_^)P1Ew%ZsgT7b+YEtLFnGH9xvXlpinR(g8$%zH2dih1^v)|cB0TqP@_=LEcn3%)`S|)~A9h&ZX zc&6*K4W7?8d4AmKrJ|yuuBK{iZ0u&My&mKAB46=k)o#c_3;?dmqW zHSM-{R(afA?eTK6=PMxE;`MQ-_vc;Sn;P181FhgF3GxeWm@x6onGYZT>6`g{0*Xa= zx;TbtOniIkIAenWk8@z) zbk&TFjU)Z6qWrC*fhfQ#Hqfdz!@fS#p+3u@Ar{XhQV#Nw$D4ecws=bl|u=s)4;+U?1&-$#F9KExolFfrVR59kyI MPgg&ebxsLQ00@tj_W%F@ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..983a230a30257cb2fcff6f836a8b3f91affdd609 GIT binary patch literal 361 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r7RR8(}e)%3L0^mWt> zbk)42^?0<-AHGXAeAQ#`FBs z*8jD@uSicfXWb+%3$@rcIby!m4X^BOZS38yTf-n zbk&TFjl+G+!+k6we9a?$Eu#G`DpRbhQ*El#Y--YMnlsH>vdmhu&DyffJ95o8_Bd_q zao*J9yt&tTOP}-BK9`4UJs+*}e7w%%@p{iE>ph;V_k6m+K27wuZh z{EnUKt~Cq4$5(D-*Sc6d@zAqXK~3x%Rp*{f+N6Hsli8AF>37kenD67e literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-dark-yellow/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..bdfbb50f700d1161abebc637e945db9dc4669edd GIT binary patch literal 399 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_Gx83Xg4liS4V>44@b2HngD8DYBbfW&rZDEO!SQDEpwx0cfRQNswPK z12ao`Lq}i#gvnE;PP=*Q-@oGB*D8RLEuJopAsXl3UfRjjWFX>l(J`<RiXpm@ib z|MiP&d$yU)`!>y3A#?i2i4yF}oSWjOY%Ec^QEhrvEztCnZeiRO?GMW=G^E%}XR?X- zF_z~}41L|^nQAv}*1wP8A77`;KNe@n8ga$0eDdN&jdQ23zTSE3+f+QF gB%U8Jl{hJ`vQuhme~!^rpnDiRUHx3vIVCg!08dt<+^A}3%%T5AC6FglULpY*+&tB(iP~c&`uxdxZ0o%e)|NpPJVDQfQ z@??|k6Q*=~3p$@$$$h?|GVs)awMoC)lXvgc4l;>)CCT&pvCP&qn{`Wel})jHwGoxh z-^<_`Mmm_Ikj;4ZCg0%aAN$)QQBEbybulpmu9!mUnDDmr&G@!_r15qIH zT|S?81CjsdJprHh1b*2c{`2ngpZ8Y&yua$#gLS_itpEG%#lP<_|NVIL@5kGJKi~cP z`TpO}5C8xFzw-U89MA*WB|(0{3?iap;u4ZlL7`zWu?Y=L%`NTSef?+8ox6DH>b3VD zK79Q2>GS6=U%q_%_b=njogF}JO`a}}Asn)-2Oa%d3>X*=WNNNee86n-?|-b?F_-?b zn+`W~=W=SSPYpf4-z}j!x=Q@#E#VeoYIb6Mw<&;$UCB?uS* literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..36d0171b97b7fa9a5f12bd6b5b95ef486ac59f5a GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7GyvLy&Rx&22WQ%mvv4FO#tBwD*gZf literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-dark-yellow/pathbar_button_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..b5c42d78c7bffb23b8dba9d5e5998577c661864b GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7FJ@&rjPuKJE1V zyvrMkc6)u^31dS9cZ0YYA!!qV8u&_r{DK)|)HPPFUAKP2oA)0+e&S$GzYLTy^K@|x z;gC&EdH3m4%9dM)HneWkZ+vL|*p{)azURG!gv1MXhP8iAM}!~v&>Q%g<8YGOvNas? Y41X6YPIK#t1No1^)78&qol`;+0La5)V*mgE literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png b/src/assets/gtk-2.0/assets-dark-yellow/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..e43fe0fd03222cb5b31e12555ff79f8b5d34213d GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7ApLEd=cnx+pLY6w z-sKHNyS+Z|gs~xlyFuKHkhFKZH8u3Nw1&HE1@KXEXpUk1t;d%8G= za6~63ysK?zxGpNO=AL4+D^IP)pXEH?1AgRR__1E{RlpB_i7f#?ge7MbP1xbi!tmWU V{h-ync}hU-44$rjF6*2UngCQaUReMD literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png b/src/assets/gtk-2.0/assets-dark-yellow/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..46746bc2f1eb09abc8417b4a8798cf8665555787 GIT binary patch literal 468 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|?f)pAc6d{b|4N=WU*!ce;H& z6!Y~+(zg>SpLY3t-s$t@aLSh>$v_gw{=Cck^KPFn2cy31kNR>b<=c@Iu!#4UJ%K>R zmpuVrj--M_K+1eS?*=ix9*Fp|+xP3f@Nb6_zaCA8$bQ)$`Q<A%{$pnVP#V0m2Hg|OQ z_n$d?{=%i}A3lEk^!f9bFJHd>{rB%*sn0Ptpq5Tg7sn6@N!EkWUd)CJ3U(BsD{p_ZZBFOwex)j>rXHnP5e9~?yuxgLH<@Ei*yJYd6V3i&C$>HR;tv^yzuBH& pW|TmU+X!PC{xWt~$(69CV#-s}JX literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-dark-yellow/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..12e6a3e1fabc88fc6fa206aca3436683e7c0d3ab GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkp8~g_xoP2_uD-_ z@ACS*%lq?AZxFf5=ksm|14JgOZPW)U-Wv=Q*Y|XB z43U_coUlMKVVxZ_^KFp>N;2sJ3XD33T2+jIWS@! PK&=d(u6{1-oD!MT@(X5=lULZeYxkbLpTGS0>F}j59VlVo z>Eak75uTi&z-th$>L?*ozTQ#7ru@Bw#Gdl^d_`>M@7@+*`+aw{09)`9W#&!>27hji V@`ZvN4}f|ZJYD@<);T3K0RTj}SC#+( literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue.svg b/src/assets/gtk-2.0/assets-light-blue.svg new file mode 100644 index 00000000..f88a54f5 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-blue.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-blue/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..77bd80fd8861ac18f2f01a5afb0e3da695f71528 GIT binary patch literal 361 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GZdPlzj!)^7N(lKWq`_Pc(~ z5B=I7dNn}w9f)+nB#>cH_uZ`VyLr=hyS5+p?LWNxe)#nL2%PjIV*1adIX{!;{>)zV z^VGe+r|t|w2Q zJ(u`Cb0SbU*VDx@L?S%(d?a6k0uM_-h{MvZ-}{RGdq*WJ`p)5>RLSY9eMEobxyDJW zIUJe0T?}M+oHWXgv^U1CKiRCyaO&n;UB_CTX}{R7zT5Wo^_QiVvZeMVJKpnIINWz` r*zjYvh-0D0y~iQXveg#<|HvP5lZ)rqk{S6xiy1s!{an^LB{Ts5C(EB^ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..3ce07573ab2056cd46111d96a5d7657988ead095 GIT binary patch literal 369 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty3_=LCuY2)($1`Y3Zs(xzM z{?f1gu2=j0%eQYIzI@lK`3~fM`}X70mme*gf9Tcx=-K)sbn^Gmso&juzK2iy9x?s9 zPajAb5WW8dB8}?5n>0X0fZT~YzfalqedY1*t4@5s|ML6SZ{Izp|A+)yDOVEY7tFvf zpr;=bS6lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Cn*shLu0{Yk%rh z{rvI`2!0&C_2bOl?|L;*6gT5r@|#?Y~Wn$Ak#wUpyTnl6;UF2;FR5%td|J2-ig5j$`!z$htpPy{spm*kY f)b!l<`(EU&X62uJY)fz%&=v+yS3j3^P6lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCuX@iFEdNtqm>wf6f z{LriZt_x&We+M#vf*|qQ@A@_04eOxXk`=#7SN8Rc_n1Co=KTkcK7aZ8M`v}~KA=>nr;B5VM)2E9wo(lS9LyICcHaDb|ML88 z0tKN*q-T7r_2Jya^^S9~)e^<_yGs%)@3dY1zJ}q-d8f?H7iI)%u+{y&vdj3E#&(Oi l-Ij;9Cndk0@`vAxH|A)hjfACyh5^t522WQ%mvv4FO#tyvfb{?X literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-blue/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..79267720176819e2c2b4af8bdd3e2321837b07a4 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCuX@iFEdNtp58-D23 z{LroXplpinR(g8$%zH2dih1^v)|cB0TqP=_=LEA{rdgHtskfEd`p=1 zBVqP8tCsIp&ENHEzUkF`H>mq=(e&N2`MX>9clYk^B`bcFuKZQD@>kv3@AYfH@4fPU z-_`H8pMAgm;@_R;-|xKq_x0QNzkmM&!B(Z(7eMnlN`m}?8zxLRbLPXxe^0XJhXcjJ zJzX3_G=kq=vSeyd;BmQFm?|O~E>iTr`j*xaX^W@YpP3I|_lXu|n6dUglSidqoblU< zt2!+7x~llP+{(JRe!gD*%KWp;Rk7@AXZ^PlpinR(g8$%zH2dih1^v)|cB0TqP=_=LEA{rdgXoo~l)eM^}2 zBVqP8tCsIp&ENHEzUkF`H>mq=(e&N2`MYb^cek$Zr7M4xt^8HK>Q~*G?|UwP-+Sfz zt!LkF1JR3rcV7Ox`|{t{Z{Pp^{SO4$In_{^zur3@c{GeVpnPVcNYRJ4*htu~45` z>O_f`tg;fUs+ZT#*SeqcNOi?yr5A}7^N;2w8Xr35aJB5G{hb%BT01U_O%w)N!QkoY K=d#Wzp$P!^1(b{c literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..8328614c619c5f5aa295f85a1aaed391080a3d17 GIT binary patch literal 362 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r9HYQF2&em4N3y6=W{ z-;L_O+qC|$ZT)W721GyX+rB%tf6rg?yiDbEtM+z((}><;5&f#8 z!Sm^tY1O5Rj4Oht{LJ-wF<0Sv?d17uEp1MUetO^(v&lU1G|(Lkp00i_>zopr02<-2 ANB{r; literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..db245128e227e3dfc2debaf591e6d4b095a0ad70 GIT binary patch literal 353 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY(EEd_r9HYQF2&em4N3y6=W{ z-;L_O+qC|$Yx`l}{==dDhf~LoqUFDem;WkR@vC&@udK$yhFbi z9R9uj?4J$i{%kz=XY=_#SDyU6_Vn-dXMb-1(er$kODjEH z978nDzn$bM)?^^U!u=^(pi}q}!=i=n>pi|3{<3M@a`t-vKm~1B|czdc|4`3DL6s-yRb9MbI@4W|?e$vRc@>4BUFsiiP_jF$M tXX9N}ul|^s{!?30dHY#@dwsBQoN literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-blue/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..adfbb020af10c203c9d6842480a802817cb0f52e GIT binary patch literal 362 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r9HYQF2&em4N3y6=W{ z-;L_O+q8VMY5if_`ppiA+I~2+eao8nF>C&(?D-#a7JSTI@Nw3G-*XQBo(n{We$PAf zd;Z=x3--NPaQOGaeQy@+d%gesi-Q+l9J=`8Fc4jO`Sj`2&)@%l`SJhj&;LMBBzUzK zXmyRJi(`n!`L~lC#hMHRoSElpazwZW1_~s<{CobzzCJtt2lxL?_Z6BD{Cr|y`%ISe zOyQ{(Ct7E?95+op;`pUc_gIR7!hzFSD_>-Z_!?z$J(zqb{_m=NS6;_%alg6X@W~){ zmNQz%x8K<;9(!Q*qBHryPWdc5-`x6>^Y)+PJ_Z#Nr)C+w8e^b47(8A5T-G@yGywnw C1FqNr literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-blue/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..6594c4885f592da7fb6c2ed34d12c2dbee535faa GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_Gr9;!Q!>w^=rQy)qOW^_zqO&-TU3U@4HX`_wKFVC+_?{ zWAFDl`@hdQ@O|!q@B6QQKXCQ?!E4`--1vU<=J#VazkmGv{nMB4U%!2Cu3aqzv`?@k z$S;_InWem;qpyF$Pp zk!9uo@{;veuO7|+dz@v`8_PSwhchNA`05(pifmFlzwDOksBH3vYd#D!9b*$-2r| i6^~68cZB*gCdFykhy=#@&OZlq4}+(xpUXO@geCxyi?$K~ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-blue/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..5f7031f6e2b91391aefe066389b3fdb8e84a04ec GIT binary patch literal 354 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQGS3=h^uzPf0f+-y0zc+Ykuh0 z{?MxdqVGVY3nqaK{o3y)4c{%Bzgx9@ckcY|*8Ri1`-f-mkHASkVrTwLoBy+N^{>t6 z{~Wvh_sspj=O6yP^!V?cm;WBV{rBkYzbEhhJ$?W0+53M#e*gdV=RXh_^W1v_w3@3V z$S;_Uy}hHe>&eq+&wu%=vjIipJY5_^IAmE5b}}^v2rwM*T`DD4bb4a)|NqiwU9Ns> z*w>lC7;v0nLmEfJ$4WJZ-~RW)nl7g%&neboxxPpK*&ME>yV~`Zq8vT=nlpmqQN literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-blue/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..324269172ca37a4b27d8a7804c57241e66bde309 GIT binary patch literal 359 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQ9^)Eh%1nGX!viO_TQlPn|}3o zz1r`()!%h%zw1?h)2jiJ-$8;v1`O%eeAlo20p}t!+oxfjx{Qvs%|F@t2 zf#7LIAv@3xiIO0{UE5W&s@4}`HGdR9zS{d UE*&Xd4788I)78&qol`;+0K=4<5C8xG literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-blue/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..2e18f517e2b4c9ff2acff3f95a124d73b47ae2f0 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7~}U&Kt;-)E{-7_sco literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/progressbar.png b/src/assets/gtk-2.0/assets-light-blue/progressbar.png new file mode 100644 index 0000000000000000000000000000000000000000..04c8589e2a273c3191b406ba1caeb15898581207 GIT binary patch literal 252 zcmeAS@N?(olHy`uVBq!ia0vp^96&6`!VDxIuXC~kQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0wz0X`wFKw7Win_kTi-O8W3 zHQzyu+8_EgKlEyWf zC}Za7;uyjqo1F6Q)2Eazw+?M+-KgLA(E710V_SXCdkG1N7w!ye|D28pKk%V9@HNNb eB)4U2IOG}rE>xW6))NQvAA_f>pUXO@geCy*`&_>O literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png b/src/assets/gtk-2.0/assets-light-blue/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..94da73b9741aa48a05ef73a0b32414a2950c3c99 GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7Ag$N%O|RyMZskwi zn(rV+?GOE$A9}SwK_C}Ig2jRC@6ufS6M!1{N`m}?8D!KoR<2#Qe#4vhA3lEKU{1db zlri>naSY*zPEL4N+s<%ZRAS9N#b#HYT8%%;dA6UHx3vIVCg!0E}5!wEzGB literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/radio-checked.png b/src/assets/gtk-2.0/assets-light-blue/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..7cb80e6ded153cb5af129b83b8448c9beced6392 GIT binary patch literal 422 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GigPlzj!Hg5Q2SovA6;j>QF z7wv{G`qkg`YQE`Kf77r1rUyhd-*s!h>(+eNul=qEL^VM41A_ExKq^5BK!RA1as79b zhVOF^{+@g2_q;>D=O6z4^5ef(pZ>iDqR;>S|Np|X ze`iu{K=oyva|{d~0_!jKd^DbTA)j&HcYChCiy4;oYj#I7dAxW1c{#jPN&7_7&+q*BW7^vF%p2ajC&mUId|W(1;k($e eAGQn(ANVbQn+n{u*zyzT6b4UMKbLh*2~7Y~IlO)V literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-blue/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..29ed877b3f035880c0fa12aa5b5893d9985930ec GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkk)SaZdm=@py9i2 z&3FCk?|L=g^&ljW0Ylasu5SP;-Wv=Q*Y|XB43U_c zoUlMKVVxZ_^KFp>N;2sJ3XD33T2+jIWS@!K&=d( Lu6{1-oD!Mm4O*%HKOk>?wcGSHyPy?rj0K-*;CFumvwsX6|HQ@aNVjUnt1& Q0H~M2)78&qol`;+05c0yWdHyG literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green.svg b/src/assets/gtk-2.0/assets-light-green.svg new file mode 100644 index 00000000..abbc183a --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-green.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-green/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..355ebecfb7b95ff0c7b217caf3b3e240bee48b78 GIT binary patch literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GZdPlzj!ZdetXyUnw5dwA83 zu*z-W72CssY%mIgFsgS%*6oU`-xb%qC#7X?YWKmso`d-l4i`^3S~=@v!|aod3(j=h zeS78J+pG89Uc3M9#)t23KZ4M^KYxG!{rC6(|NnVT$6bInahC-71v9X*w|8`QJ$d@< zxy1LG6M@3{o-U3d5|>lYNAfi&@UR4!hpc(DZ=uGW|C7R4FSYzsm^uBzmOv4ela@CM z#FU>nOi~OH(PD`|(!|fG`2K3+3dUJy=QOway*>0z{?=ugPw&5Z*Gn$m_pa?+RKEk` tGESR_{#po9Pb literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..aff4501d6a3e2339ef2a8e849fe691a9f2550de5 GIT binary patch literal 369 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty3_=LCu>GIv74eJA{wnvul z2(Q{6R<$ks%eQZzzI>_L9#OeH;@h_$U%q_XaAjWQ_OLBi7f(7|Ht9%t=l<-;M=B;C zt?W6N4-~K59{%ymCm>m~BdT_143Ggq+pjO*d41)vd%KR`+x`6gv#;O2OHQ%u0a__n z666=mz%QVu9}`zz(a_w{xoY*6ZQJfYeE8_)s~!8O z>brqcD*5l%;HPJK_}2Y9v%lc5+*8$>I}yu*XD^Sszj2a?uX{%06QCswp00i_>zopr E0I|=h^#A|> literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-green/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..3288ae90dddf681525f464f98aab43ae474a85a9 GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Cjc7mD@tgcSKh0 z4FB>C2!339e&No`tCia$Dz}GM?g*cLtY+4U#)e%9jk^=8cScq3h`RXrWX;Z)+Fh|1 zpPa1P9#OReq_TQPWc$9%j(u6HFHC>(_R-UKkG_8Uesg}FG0+Z)k|4ie24*d7o$`*( z>C2X{IC=iV$8X<%{`&Rn??3KWb_alJqC8z3Lo_D7y||OHK|#RfA}j0B-z|ZGzusR8 zXw^L^zptQeiq@=ik0viQIP0;fxMgC~J;o=A8e9uxCtc)i3RE~2FaOlsdV=ArK*K8D o6`!AM-=KHqc+~XV_xoPtt!Cw)d~8c_8PFC6Pgg&ebxsLQ0QH}p!TlpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>5Ah zh^*QcQMo<5YI``4grKS&K#_>*9Z?YOvhx#`UjU+sFFrqd@%i!Je}Dh~|8M%SOb}=g ze@T#EFoS}kyT|kyGw(lm^!dxzKRT<^_5r0rJzX3_G=kq=vXyEu;9$OBu=D2c`lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>5AAhA3S{Y`ODXDe^_dAJb-eco-U3d8t30$GG}Tq z;9)t)%&b=Jx$Xb|ps1!FjM088C#yXFePFG^Rps?h(zea`WI7@Jbiae`#S0EbBA?dJ y&$_?nvB8ziQc-?7zq8Fln>TI@F?su0-tWsZt%LeE14DrpFnGH9xvXlpinR(g8$%zH2dih1^v)|cB0TuZL_=LEA{rdgZi_0^QH#F`} zY}l1hxjh_+s&_=z?}~5OozSsAt8;($vhx#`UjU+st1rx0b7AJCr>8DIJ@xe6qo?m4 zzxe#<#plOgzkUDv@9+Qr|KrbicLGgjD+%%oZkTZ9!^eO1ZzV4PMZ!H@978mM-(Iq0 zYEa;DxyYC*Vtz-U=zsSuts~MFPqjZYAHN=x&C3w>dOJ(dywlg6>ZfQa88^(q(WugH;lC?QzEwN@lpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEA{rdgZi_15jU7UHm zp>cO&!>)wN?cqRFy(6-ISA4_ng!X-z9s9DDUzo7`!o(F9Cau0O{nC?@m!6(_^7hfw zcaL6t2BOC=KR^EZ?fc(L49-lJkyj7w6A zKuLno6rGRP-Jj0(-NW)VhQ(Ir`Q}@?d0{ssGD5=t9p>F@rLk#i{Jl7!9SokXelF{r G5}E)WGLAU_ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-green/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..0b33c476122c6502e52f26c7e724e7b085a28b02 GIT binary patch literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY<|ad_r6+w})44kEq%aQN1Iw zdPh{vj;N+RNzHqboA;!&0MXu**1c(qPIoUl)4lji&*C$^OU?pO-@ZHR_TOE9;O>S4 zcQ+oqxAD-u%}4L;I(~o8i3j`cyu5z*)s4HaZr%f;*Ehd@`~Lm+*B`&X{rvO&|Ns9* zH&;FeT3zeu;uxZF{_UiLLQMt&&dhhWin6%6x(Fn{{9mv9eb?h3jQd{Cj+xXjN2k%{@m{tk!5Me_P})W1!M3r@Lp(v@X2`94A#o98ycs$U!@oL+hEd|0`D5i?VTQ&v~ej2NIp7(8A5T-G@y GGywo8daU^X literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-green/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..e6d4e45c63845114254bde26eeade7932532eaca GIT binary patch literal 358 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY*a@d_r6+w})44kEq%aQN1Iw zdPh{vj;N+RNzHpwTJ{1_YU|$AwteYK&-E=m-?!|1|FZKFmR|s(iTm!X+kbccfx8c`_Ac@%HVS?fF5? zL)yKm=ZK2cnvy4RUm9iE*uK0-*yN_QT*~$6gjEbWVQu?=h1RaT9@OW4bJ0=Lp!7F} zt7Ghn)=z%H)YopF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10B=xC zR7H8WS9-Ttdbn77xLJF+T70-#g1cgZyJLd9VuQP5gS=#fyk&&FWSqu@oyLZp#)qEA zhn~lXyVI_{)UdtOvA*1{zum9E-LSyjvBBQ4!rrsb+sM$|$-OJ_W<@fvb z`1|(x{P+L=|Km*HQvd(}en~_@R4C8wl1UbVFc3rw(jAl`4mcnnlp*&&qx;y;=K=iN z|7ufJAg9hFqY5(#o&|1~;UGORiH=*!h=b@80b?>45a4CARCE=JI+@f3(AuiSU;V1S z)azZeN7p0R=Fd*Vq1765N!{u+8z$%R)VA=s&_`!?2NA59^QQ*ujgR?=Bo?0Uthla z#@fBNHtf5#e&4N)SDv1^`t1CQq37f6d*> zyLMGvvsRmsQoJktQqCj=-HE&#JuV1YeB141ZzS?iw6dV$v0qQy%;d$4=Zqhpw4KFf zXRtB*c;99Fe_C~O-(0>SeV(V=W?NoSn#l^5Uy0F@Hu|m;ygtvmuH-oBY02s(Ig`S8 XjtO`7pOC5sx`n~h)z4*}Q$iB}EK{oc literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-green/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..47759ca7d437f513dbf6525fdaebbda7cec520e0 GIT binary patch literal 354 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQGS3=h-<^D(A;gFmD|Isc7#=K z3$NH74rGH-7=%%^J)(AJOvCPk#@&f+`!YKAXLat+?mCb=;c&_H<27?nwXD22<=oRl zw_abo_x9Su_ctHCzy0F#<2PTQzy12+-M5$TzP)e00D*rzDuR#icU{V{{LV4tjpDJ z4f{GX7z2(oY)Ip1_*kjN@Z0}hSkvXyE5W&s@4}`HGdR9zS{d~}U&Kt;-)E{-7~}U&Kt;-)E{-7Dg`emSu znWu|m2#0KP%DYdWQnuVWw4rsQe&a*y$F_`Z^*!$;BqUzAGpzk{IwJhQhu*-~9EX$K cmaXBCXZX8Nahh9C9LRqRp00i_>zopr037vQRsaA1 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/progressbar_v.png b/src/assets/gtk-2.0/assets-light-green/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..dacd20890e1f84f1f50ed979dc5739b568f92e86 GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7AYHaCx@LQ5<<7{; z?GcsR!>hK3Rqg=?AUm%~JwuXYh3Ob6Mw<&;$Ute_2cb literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/radio-checked.png b/src/assets/gtk-2.0/assets-light-green/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..b3eceb53bc0640914c2921e1dd9928b092a79fd8 GIT binary patch literal 419 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*HV&Plzj!F5Vnjxh=G0XKdA; z$kMH$726{!w?$NJ53kx0Rs|%1+#TUn+rlbA;y{rI5Mz5dF{ox|bnVWV19vwZxV!P- zy^V+NZTk5A?Z+SQKK*$A|Nnn2yOmBr>*Y#<{DK)oM8(7<0z*Q>A{rW-np@k>oIQ8p z;)jo)K7aZ8_um$#oNGXp^`0({Arg|T2Lt_>6-5{hJhZ(b(X+DiyZxe#bt`mFHyJZ9 zaBaC>Ch<6Z(SrL@7Vqm-{wg=VN#=SR#&D|ID}Qc=d$((xvdoIDQ)XGTw6(NpCZ{uW)(mDs2dY6op5*ild5f8a`T&+F7~JO+~;Lr_}>&@BzNS} S&DlVwFnGH9xvX-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkS^aHTD>)@VtYj8 z_VCJWVIUHO;0zEqrasmLsFbH9$S;^dPF`W>uHAd~e){}VHhXU{P+Z^B#W6%;YI4E? z#e{Ws%*?k%4k*c_3n(z^9BNfD0+M|yLJVSwU2WVsf(w>5GZqNz6sJU*rUSJyc)I$z JtaD0e0swg0NwEL` literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-green/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..14f9de96a95f4330e4b35c7c5a019c93f6877de2 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_GiL1ZP0F;bQ6~jzHDCB|(0{407@cJ9q8gv-k6tA3q(w^rZtO3_M*NLnOkJ z6BKw2!c`q5WXjh&O4yXYcaYdq{+_Rh?fl)_0&KtUt`=YmUZTw0$-v;xtx>*EkmCVR OFN3G6pUXO@geCyg4NwaJ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey.svg b/src/assets/gtk-2.0/assets-light-grey.svg new file mode 100644 index 00000000..2b90cc47 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-grey.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-grey/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..9a9a592b681e11b329d64a29bf2307d5cc2d1e18 GIT binary patch literal 342 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*He*Plzj!ZfIzjG-*;#Pfu@e zFOb9pK=FwaCr+I@bupN!r7~#En#vHxt=piVqL}G$Xsgq~M@z4`x>oqq#oTi&m5 QP(U$wy85}Sb4q9e0C^#nEC2ui literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..7c2d1be67d8de614efbe4e924c9de7e89040169d GIT binary patch literal 365 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty0_=LCu>5h(${{H^%?(SX~ z`10-Br!QZCB0W7l-@g6$^5xsEJ$r!cef#z=T)1%N%$bW8En2*I@tiqxfPz3}pFV#9 zGWz=ZfaU-h5OCn&!9#}*pFMl-+`02FU%meN?fX-vz*j)~WJ`klf*JS)^z>um$}1Y0 zJ33db-m>lf!-tPvzWVX==g(iibxPXS02M}hx;Tbt1i!uL$>d-l;BwK7P0{dp$g$t| zFCJo(HUBU@Khm}0ns}rNOJnG)W`Rs=`>XqA9y)ea p{-=1}jkx`LSMyw6cx~krbw&Z<6~5KMkAapjc)I$ztaD0e0sue!r_TTY literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..f00339d45f107d6b122bdd30f371118f8dff5826 GIT binary patch literal 345 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCu=~b&%_4M@g_4Rdk zcYpZ?1V8TFz5DRtL!cl8EM2;E#flY^CQX_=c`{I0Z*T9l>o@xQ`zK78aQ(&&pc|;Bw{6@0{Kd~S2 z`t|o8_ba;tKsAw`E{-7@=igr3$=IME;Bt|b_2}=Gz{Y>4O++KDKeX%5QCzwzZ-d7s zk?Eq5B54wuFC-o0+Ts{XoQ$d*47e_=pMNU9Y+=Hc#fc_98K>WD-;sajc+~a3FM>+U YS9I}D;G2I`3up<0r>mdKI;Vst099R@SpWb4 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..2c0afc3b6f59709e484675e5ba7d85d26a563354 GIT binary patch literal 304 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tnp~_=LCu>Hhxy?(XiMo}RwG zJ|GEU0~rv|+uI9dK%{_-&6_uG*|O#J>(_7Iy!rR<-~a#rnQdmw0Gh&I666=mprGjP zF@46&`wt#{{_^#Y&g!&%K&cQ<7sn8d;J23onH&@ZS{`b;tT?&qcf4r+m0gbiAAjGm zx#N$>^_xrym+kDL?mhjSuwm;xRV&xlxQl02WGL?bx2n$g;i5c4)7_p)2B(hQX1MbI c!CXeY7fxyn&z*j}2b#~|>FVdQ&MBb@0DEqOW&i*H literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..39b63c5c71ff278ad518b6d391a2ead29f645bf2 GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>Hhxy?(S|N+1J{{8#^|Nj*xTNR)|0wqCy!3+wD zN*O+W{$u=XJ<`$-_>N6EEiE)}W5@&!pF>icH>Bv+|Bl#uQ|bFv-CuK`UoAPjq3f7~ d`Pr}XdH>I7Fn^XV$pjkD;OXk;vd$@?2>_20fCc~n literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..3f943c23e9b71fa3c9d76b402d735fdbe2f6f87d GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LEA{rdgx-TOeW3TOXvSrJ*ZQHkR-*MyS&F3#(zIgfS_3PJf-n{wx z?fbuf|Nj5~KmYr(_dsJgN`m}?8zxLRbLPXxe^0XJhXchzJzX3_G=kq=@@8@{5MaLW z!|cj}5bN*uD|O%QXwVBn0%ihVXCFdgkL`U!hS6d2^Gz2bJJ@}^J~-k`Fi=S txi|lEeb3si@n!kOjr^QX<=fV=<|XT@HAn8x7Xw|fajHmzr literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-grey/combo-entry-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..ad567e888d093b83f71d455337d67fadcc010574 GIT binary patch literal 306 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LEA{rdg>{rmUs-CG6% zD<)5#JZaLT9x&+b?VUJrB9J>{#*CRWXKvoSdCQh9+qP}Le&fcCn>U}oc=`JE>o;%S zeEs(Q-@kwV|Nr0qP5&s+SdNk)zu<-m6VIIa@bRC%na?MnScs>KV~EE2x06mXHYf-% zKlWr16>WUGKWIN!Hv5_4c{3Sa9KZRY+0jZ@TR^Aw%%`>^j{2-BVQxqD&UC3Ry&1nc uf7{C6uXLLp*M;A`^mNKG2XmjN@^X2f)cVR_wm1OIXYh3Ob6Mw<&;$U8#f$a; literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..bc903f607f889ca82cc79b12654642e241e8ad79 GIT binary patch literal 307 zcmV-30nGl1P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H1083Cz zR7H%8jE#+rj*gC$l$4c~m6n#4uCA`HudlGMu(7eR$jHda$;ryf%FD~k&Cbux&(P1% z(ct0Y;o{@s|Lhv#Z2$lOX-PyuR4C8w(lHjoFc3pQt=7RI zCL}h(@%>LqZ?>i5xAW8qQq7Jj&sBn+g!z<#hfvA=8dJTH4L9r~s3606MbyoKG{O@8 z^jmW4k#tMQcto^eMJ3DE?!A!>I^x@$g4EV!KHGACNgwoMD{o`K_;COL002ovPDHLk FV1iKDlb`?q literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-grey/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..97447d95c1b3eb638ea7d069cc7bfadf18fd93a6 GIT binary patch literal 229 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h0VEg>zT6}Uq&N#aB8wRq_zr_G+tlvaqt|AMemEVTT6c4e!o(9$*j9=HsPFA7cb>%NR}_0bbIB(xD#zR z%~(ZG7t9m<`oti7#%r@^4-RHf`GWzpBi!Isa^Z4enzT6}Uq&N#aB8wRq_zr_GnkRKHz4@_GHf&{tixUgfbnBeI_T<5RFJ`(4A{@X}OT;rqVcv;5KpOm7_& V-~JMjKMAy)!PC{xWt~$(699FuQBVK? literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-grey/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..14cebc89032f2cdd20043081d5868f34dcaa94a5 GIT binary patch literal 372 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_G_y1}5g zx3{OK2blzNfie)0{{DU-clPYrbLPz1yKmotg9ncsIeP5a@ngqN+`M_~)~(yO@7%p} z_ul6(U%!6)9(Q+P6VP;lk|4ie24hK|1e36rNxop$rqzl>Gg@j$tHPZ!4!jq`6W z?PWToAmMy*!PQ6pibu6t>ni_WFIoQL)uYJwGaM$Z{dx1mYR{&S^s+OdO<7M&=1Dz1 zvV+s?^P>%q^L*N-1}|sS+wkD1@h%%YDwMI%IynUB6b4UMKbLh*2~7ZlH(vSq7Ruim(#4Q@87@w`0?YXPoF+} z_Uz4@H}BuS|M20%$B!R>|Ni~w&!7MQ|1US0=cb(qVTa9p4vbEn{em%;N| zUf1SFowgB@ds-TI+D1uc`X}wr90$MX&KG3Sd(S*Uj^VZm!;K|bRu19M`QOdtuyB!3 Rl?7VE;OXk;vd$@?2>?gTl+geH literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-grey/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8d03ba248ae55bbc88b083752ba0e06cd7ef2e84 GIT binary patch literal 350 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQB;6Wh%1n8XlR%@b7ogpS5Hq5 zgzW3<1G2ljyMZJS^!D~b82HIqvt~Vb@ZjgqpTB881o;Isu&`R& z*xK1ooi=^u(q+q6tX%c@$+?tfPa-E4o@#*t-Z@Z<~}U&Kt;-)E{-7~}U&Kt;-)E{-7ktbJ^%y^3>(6jRGZuOodGIm@O1TaS?83{1OU=XD{cS) literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/progressbar.png b/src/assets/gtk-2.0/assets-light-grey/progressbar.png new file mode 100644 index 0000000000000000000000000000000000000000..2cd0bef68fd387fd6af797877f1473ad3cb990f9 GIT binary patch literal 252 zcmeAS@N?(olHy`uVBq!ia0vp^96&6`!VDxIuXC~kQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0wz0X`wFK)MqQdSIZpw-?BS zkT5YQeQRgSRiFmGk|4ie1{rmYm220n-|*)BhmW5)nA0xT0gdBY^(2iFCiiE!kuC5pVJZH2R`%$zUDZbW#OhDi;T>^~-|^d7h+Q0u)* sr957RH?53)Th{}&J1Vkw|9)jvI%#fdBvi literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/radio-checked.png b/src/assets/gtk-2.0/assets-light-grey/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8bc0d2cacf93929c93fce2c0243941265bf84638 GIT binary patch literal 406 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*Hw>Plzj!?&;~7G-*PzJe@AirP+5m7O5iNKK1u!x4nrsmeRGiT3TxcK4Yr_W!${{6RwDd!qcWu2#s zV~B)g?!k*fP7Vxh7vr4*HILqU5}m#Gzwx%@9_{BZ0>0(6FI;>6)|6>e_hyCmPcaT}6Xv-~_(6hFp8N-XR?d?N@bs!K wi(Rxr;^v>CwOof+o!)ABS1LI!bdhrX^4UU+ug}Wf2D*g7)78&qol`;+04zkY82|tP literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-grey/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..fbcdc62461b2073a8e30ab3bf39438bf39fcfa97 GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i`u>r;B5VN9Ws#8#x;c1YF~F z<{Z}CvgwjTzwfN)=M(CjpOEDIJVsH8Ie>ZR zC0%|Uhy1m7-zSRQ7MLiQA)>ltS5!hrYoOqQ5Ro0hwt_d~L?Y*RlpHwoGhBC%VH%g> fm#(>;N50E&Du{oQb+mZ{bOnQ_tDnm{r-UW|c#cv} literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-grey/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a8539063a2d87c0527e41f4b6b75937a69b8b051 GIT binary patch literal 239 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!3HE7o-{84Qk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$Qb0vDo-U3d9-VJbZ{$5>AmH{e zooklPK?#vSsZE@62dgU>H+x)ioM^epS!#m+B74gNTVKR|pZ|{ed`O0D@i}!t%>$AV z4KsqGzTRKh>iUE&rh!kQ@zSsCqy^#C8y-BK{#Wq-l;q=m|K;~zsf+sH{B}2Me52$I jCywB?rtkh#PP=DwO+x%?>e-t>cQAOm`njxgN@xNAEm>QD literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange.svg b/src/assets/gtk-2.0/assets-light-orange.svg new file mode 100644 index 00000000..5642c910 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-orange.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-orange/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..2aa62d51bbc680d421825a986e9eff1b2e082806 GIT binary patch literal 358 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*HM#Plzj!zS^LDdy?miHtUz| zRxdlOUbb6;7*GTew0YIz^m>Bl>xo`(riZ?n5%zX=^t<^<@0Mh}Uz+`XRq@XUXMa6B z_v_L5Uym>T{q*whr&oVJzxwy**Z+Ti|Ns9#_2-MDKx?>5g8YIR*x1`UI=h}cefC`9 z`^O`|!@cZyz%2V`T#vvLCYh ovY!@YX?+vvw<18)|IyQYht-_VR!_ah2eg>M)78&qol`;+0M^=`D*ylh literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..78a921def54deba8d254f48093f381c9ef32e95c GIT binary patch literal 364 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty0_=LCu>31E*?;9Lmwwk}} zuzA^G^|HhA%eQY|zI=MwZuP3o>f5&;K+gM}y+En=yQjXM8~1u{{Hv*fZ|5hzo*o8N z14LgwgA~8)w0+rS4-o;9@AuDme_-~<)9XK;+3@Anqp#n-cemxR1MQP73GxeO;1|%- zkBKXcK!plf2q2=Im^7GQ=J4N?xt`o$ageakmembsvxI=eR7``>`%(>$hD~KC!X}2(Mn&w`48Q4hBzGKbLh*2~7ZEvZ>zy literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..dac4fcb45d230178eb83218900ca710c13d0eada GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Hn)jpSRgQ@34N+ zYW3wC5d8Rb=j7-6=U%p3y=t?1)o%4>Vfx!8IWK!%UiG`b?6d`b8H??eOW^ z0id#%9oAsd=G7Gc*HZ%CZEpMg{NCs1_rHGo9+>w>5NL-)NswPK1GAR4PI*V?^kvIe zoIL;GUlP>Z$1u7himw#$*J;Cr*pkWp7iqB8B kZ_qn)JZgIG`+YC+RmdKI;Vst0I!pv^Z)<= literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..7b7fab40862db890c01de1035fdb7be05de932ad GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>F4bhFPiOMc38e@ zw|ogiZPqW_tsv+Hh++M*1Bh%OA|KY*eB4m`aYNnjS9gEEzW4v%-~a#r`<&701scR( z666=mprGjPF@46&`wt#{{_^#Y&g!&%K&enq7sn8d;J24-r5X%4m@gRYy!re7<@wtL z3PO)a&-hsD!?}s;9p_@JC5r8Lmn2r+X}kP=4a1f5PMMo8%m~zAtNVLpm+>u)?G|yn kEe~%`N`5`%55E_0%+W|22}=nL1E2*Ap00i_>zopr0Jdj>3IG5A literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..3c7318ca27588caf10275a903d09a435ff55b03f GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>F4bhFPiOMw%fdF zw|v!M{j$yaWxEvwy#O(+UjhX?Y+iQSKm>feetqxv>-+!z{r&&{ z|KUyl*n!3glmz(&Gbku3d3es4`QYKB&tJZN`@>R`;{lWl^>lFz(K!G1k~vd@0T0VT zW@fc&&u#zz2SqjgV2t)#Ia%fT?*nTUt}3s8lD2KeC({Y(r~4gjFJ5pk68W@#e%Adp uj}5MDmWuMz`JHVZ+PraNh{@Z}@_t{QX&uzR85jz*fWgz%&t;ucLK6TlpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEA{rdg$owJ|so_Vu4 z>s6oI%Rbi^?N%>=sKe$}uk)*3m)BDRUr!Bsx4He@mi7>ie|M&O*|Np0r%r*lJXDzZ$vrhOFvny-HBf{g!UL&HSl8!-x0IfioIAkFR4%2U@}4>FVdQ I&MBb@0Q{zq&Hw-a literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-orange/combo-entry-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..1f8aed26b0b8e1dcc35957fae2c589d00c81aaf9 GIT binary patch literal 311 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TuZL_=LEA{rdg$-7}x>oO-i3 z>s6oI%Rbi^?N%>=sKe$}uk)*3mseB#Urz~mx4G@(hT4xC>OO9)|8)J}=jZo6KfnL= z+xOqE?*4v#@AvEb|Ns5{|NsA=8wc5dCbO3W`2{yjn0V&H$A6#tO%DKt!aZFaLo_D7 zy%fmgpdirlP*KWNB=GM4MRI}FEdL*W-?5pY$~3F)Qpdp!oVyqL@7$yO@P)T%=SXGQ&ENJx=t`mRmklxJ)3!^j*pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10B=xC zR7L5BI_ZZy>4-e(i9P9wKI)H0>W@h3kV)#0O6rkJ>ySz9t9R|JcX@y)XF&a?C2(evQa^WoF;;nefu)bz!m^~R$0$D;MeqxHw6^~k05_V@ny^Zxks z{`vL(`S$<+|KLJ9VgLXDdPzh-W~xAp6!Ms|*7Po&;`}pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10BKN6 zR7L5BI_ZZy>4-e(i9P9wKI)H0>ySz7kxJ{4OY4$N@UD9BuY2&XeDSb-@vwgM#h~@Z zqV>n3^~a<2$E5YhrT5XZ_tLfZ(zf^0xBKVU`{&sE=-K<|+WYC-{`m9$`1Jny_5S(x z|NsB6J}}_`004MNL_t(2&+XDn5`sVsgyANMgUBd~_yAFczW*WJr=sNn{I}n(t3i%! zf~(FG30@SkaS8NFjB3M5SLxLr*kNE$kBp>iL`7;;iD9V%J`w)(D}9+aNr_~UEn1u- yIwE5-JuMzyo!SiEEV_-|33A>y{%p4vQU0000pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10B=xC zR7K_G<>tbs=F-CE(!=J{#OBk*=G4aLrgG<|bLYXM=fb7u!lvk^a_FaY=%;n*hdSwp zJL!l#>4`n*i9YF$N9m79>5ob2kW1>1N9&MD^u?g{#-jDdqV>n4^~a?3$ff@H^Zxks z{`vL(`S$<+|JXVuwg3PCc}YY;R4C8w(n}J8Fc3x2D~QBzlTHv(5eV#mjm}f8*=Adr-!|s5%zBPr1$%0yg#z|{m~^K z4$c2?WYMP^M?T#+`swz`Pq$Bfx^w#Lm(O3neEItAySD|`aiC2CB|(0{49qO$4IO>` z6DCiYI_>7Ie;KQ~DSY%zhB?`^X~DV_fP)3fA;4C5Iz6*`{%zuzyAOKU&5r64z!x9B*-tA zjlI32v+K#zXU~86tFr+`<2+p)LpWqv4|Xy&1_&@5@Leh;S9E$}^8f$RXI-v-YuMMB z!5DCyVM7{6!^cWBhTs18!kR9pCeJC>V!6IY{@EO^rn}npmZBUz_iMxj3Tkp1UodXy iVPoiCF^liQ)sO6~p&S);OHP5j&fw|l=d#Wzp$Pyt`=B5I literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-orange/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..63d416d55ee535d8d8397c98049093fc987a85be GIT binary patch literal 356 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQEY%uh%1o(-{A0nrt!-*i&q^s zuiC6%by&S_vwYcZ^|Hf(ZTifm%a*TLx$5zgr$2uFQZIbZ2UL^d>Eal| zA-1n|wd9msRnU U{hzqS31}aKr>mdKI;Vst0N>V?+5i9m literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..8998f2c6b7af3d241542f7303a27f6fb74f03546 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7p1{%)5;OXk;vd$@?2>_v`DBS=6 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-orange/pathbar_button_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..751ca5bf85380c00c7403755e61ac9585e498c7b GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7BT``Rh*WH*JIGp6R cYz>Dz!{3F9)7*OEK>lO!boFyt=akR{0PB5T$p8QV literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png b/src/assets/gtk-2.0/assets-light-orange/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..c8bd936572ecd74a218b9732c00f1d420438cb6d GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7ApN$}{B@`Gn>NcA zZI&-PEMK-;zwEGj*$zf<2AI3(+00^ZvufPaMqYmw__I zo-U3d9MQ=M?`qo_u8T^nxu@9d%2TWHXF1RJfFJo6eyo>#74XAfVoSgeVaXXq6Lz?> ZFnsq-KWH^?o)SmmtT}V`<;yxP*HV&Plzj!e%9mgyv_DSx7Ev5 z^H*J_FWW6&wOPFak{#ABI;>u{TfJ=<#)2qLqU;q95=I@s`|NsBLFxS8VXuVuXkY6x^h^UyjL|{m0 zSVTi(Q*&$EnX~6ET>S9y)8{W=|Nh&;lyeQJvd+`RF+@U=^``mezbH#)cVZeq%hg7 z6VER=Eu~cwa`RZ*foXd;CM2FzOLCKuZcnNeIoHv9eY?&+vjacxa20Ohikm-~rSePK ex%<2f4F6wmFcI-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkbc%-^Q^_{dAr5S zcB_|dRxjJFUv>aV6!b~q<0GI_o{}KHU|neNPw15Q(YD z2@4bx*4Z&L-xfKbB$FgTe~DWM4f%63e} literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-orange/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2e47298a77e625afaf0b0964441f40eebf0725f4 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_Gd0_w4=r<;PElFMa7i2?I|T z#}J9|A*f|n>WcQP>eb8D0@ T6y$gS)XU)M>gTe~DWM4f->p(e literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink.svg b/src/assets/gtk-2.0/assets-light-pink.svg new file mode 100644 index 00000000..aa5a6708 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-pink.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-pink/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..403839d28ca5e6641960e9e3995fcd003fb4895a GIT binary patch literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GZdPlzj!z8bpfcJ8F7adV%> z&3PI-=V{z*Fq-oW$c3PUxzAD-JWE~hJZtgu>?JQtR=q4;^|Er!tGW$uTDQJw+xoV5 z=Z|a8eqMk6^TzX^w_f~t`{mC&Ao}|6_uv12|NZ~}Ure$-1ZWd?NswPK0~>pLM`zcQ zr_Y{Ce4jZHD4g%<;us=vIrV%bUxNY8 zd80r~`H90M#SjrKmiQx0{EUk4uQsk=oOO0ibL+cXt#9qOEVq1e|LycR$;JELwVjLV wcVJw`X;ZK(qVa&nlJ|vcO17SP^x+44XciamlkExnfmSnky85}Sb4q9e08HSh?EnA( literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..8070acfcfebe515c6188154c1715db57953660ea GIT binary patch literal 369 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tty3_=LCu>APt&?6EG;Yq9PeAo^o+i$Fnl%3zkO4+-SDk#j=JfkLSKjZr`uXYGuiw6Z_MhSe zv{J4l$S;_IUqDYkCa%1qp}C`T)#@$Vw%vdD@X^axKYsrF`Rn(TPcx?jRYrQcIEH8h zzrE-#<=`ODa#4)^@QI#~M}N;}oWA~+?cdYrFu{Ahp<Xs)9k zZghjycLS$X^53t)PtWr3t^0Rof5Bn7r>Zq~B9;ZuULJLS<0KJZ_l(9TKuZ`rUHx3v IIVCg!09t;tBme*a literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..4265e3f13126fb12f664cb26355df761dbc55973 GIT binary patch literal 340 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0To3B_=LCu>Hndto=4An9zW|v z?3^#(fZ)fcOAkL^d-61H?$h`=PvhpiXx#L&ZOgN?1F z99FK9)|ssHXwxUrLq3z!ceo$A{6Mg?dFKLaV@Jw&nX$u$s{yXa|F*tDnm{r-UW|kK~}S literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..6ebd681c9df2cc18a7eb0aa3f44e6058a5db2cd9 GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>E{XaU&PLS7CY-% z!klOEv!BGxc@jJKY1|wHil6&50V?ut%HDTV_r068@Au<(zn{GO|M%bj|NnU=o>KxE z#9tER7tElb=SnI>NiR&HbVyh*J?RS?XR^Dm5{Cy3>mGe%Sn=i}=)L^Uodu5mLEsgCK mal0)KZ%;~oJ>?I-7jMkbNE-=D2@M0F1q`09elF{r5}E)WiG^+e literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..09b371ce544c2e928b95121442ad91ccadf7b591 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>E{XaU&PLSnKbWN z!kp)EbDzY`c@jJKY1|wHil6&50f^>7MBYu^_ih>x?f?Dw-R~zr^#1?ffB*mgzZAhA3S{Y`ODXDe^_dAJb-eco-U3d8t30$GG}Tq;9)t)%&b=J zx$Xb|ps1!FjM088C#yXFePFG^Rps?h(zea`WI7@Jbiae`#S0EbBA?dJ&$_?nvB8zi qQc-?7zq8Fln>TI@F?su0-tWsZt%LeE14DrpFnGH9xvXJv3 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..0b9197985b25d557b0291a944b4155b4ae51046c GIT binary patch literal 305 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LEA{rdg$<;S0|K7QG} z#`|C>h>Gl0f&lmz(&H%ypt=FEqW|DI&c4+n|`d%8G=Xav8# zbds?_L4f%{h0t|o{gmJ9udF|GiLvsWF{ey@Ve)l`1To9J3BP=6%1+H(wW><5jqO~U zn_rt&1F%pWp9hVp%I?=_zS=DeJ1_52Ws`4{0X~(#xr=j`njxgN@xNA&drUI literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png b/src/assets/gtk-2.0/assets-light-pink/combo-entry-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..84a76013de55d92c6f53278cf5b73f8cd69565ec GIT binary patch literal 311 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TuZL_=LEA{rdg$)yJPNKYZD| zbP0l+XkK Dv4ED6 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-pink/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..fccc374856c97245cc78144bf0d527c40c37777f GIT binary patch literal 352 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY;-3d_r8G#?5&e4@7gHCd_@B zIPVz{Wi5V|z2sTWlINL=pJy$8p1tH%|IXJFcD-D7FuP5(*zvt@vz1QCFyY^xK z^-mkmf4ctk(~W1JZa({T>)Gec7d~&f_<7rI{0=$wiQ(Vv{OKkqDtio$W-13vY w&i#IQ2GjelYv-1=+Hn}owYJ{&Zqf<4|L=8QcrVbpN>3NZ z5RLP1FL?_!IqR_V2DG r%P1|Mma>|AsZ2G=SDsd%8G= zXq{0?t8n2d`52k-JAbg__-hv5Cg=1mN@TO;(VaUi;|TuN>{yEdhG40lW#Yjf4lko zyY*+^Z9MmG^M#LR?tMIa|Kqv)A1^-qcSG@aL1yHiV)5S4FQveciO_P3N|EGY)(^ za{I^SCqHjI|9R`h&pWSvJ$d*0#mC<-KmK|3>CfxW|9<`X_xsQP|Nl*%*}enX%T*HO z7tF@q-qG3htNfTFRUE{-7_vaAO?nHmEG7!LR@m69tu9r)(||HU&`+>*Os zE~v}!N`he<52L}p^(+r|JV{pGai{E<<#MNj^UpKStyHk6`7}Ma@xYI>OB)(KXY;%8 kHW#0IJak}rx@{J8w&$Cao5 zzWw_5{nx)AzyJULueD3&DbNmyk|4ie1{PLp8(Ta3sne#Tznv|pW f_>aZ<$$uDYt9iOE9VuN5w2#5l)z4*}Q$iB}{a~RX literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-pink/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..098e8da9a25cf8b66afe5a9f15b0eae5737a0fe1 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7~}U&Kt;-)E{-7A7a?58nvpC!zE z8aMk%+#DeJG#*Go(K8qWDAH|K{12#suO!GXm_bHeW98a)>o>f4|KZ~&4(9aBKp8Vn z7sn6|+2oXWpFX8*xpinm>qh;?ht`j68Qbc6-b+YGyl`h&`{#5-_<;|-fv-6ZC%G+K b!y(V`ccJ1mx1KnV{}?=7{an^LB{Ts5NQGgC literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png b/src/assets/gtk-2.0/assets-light-pink/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..16777f50165531f6fc85644e0cabd99ca4363fee GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7ApInI_S2ZT&k|-n zjhp=>ZVr%q8V@9)=oyRw6zMiA{s+{+R}$nG%pjw#v2yLY^&8&2|M2k>2Xp#mpp3Dn zi(?2!baKMG+IEKPq7rNFDK@+E)N1@$&htIsNB)H$>m^?W{P36967WMFVdQ&MBb@0M>k6eEmmtT}V`<;yxP*FvIPlzj!eik|NdE&emvD05h z&VH3J|5@DJCvmf%#LjsVKlf?uoTqWKpT^Gt3O)mhfW@E2&3PI>8$^Q9GZ+Id0%tr+ zn)fVe{^!jXK5x1BdF!P=@4o(d|Ml;OZ~y=QzY-u42((+SB*-tAK}1wcTp}!-tx4!b=X}`zbhM7I(u3g_+0a|Etnd@boo)wf#6Hh zGsM%`dX}(l=>E*C<*A<#Ge07R*{Ssqd=#wCNIiw647>(Cn#9 dY5eww@$v_ZlzdQf{ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-pink/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..cdf6c0b07fe91de70942fda5f6f9ffad45d85acc GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkbV|7^I6oK=Lz$l z#?5&eKj&%OY!D-EE|>%|K*;f6eg{w~Pf3tpFoT@D!p>d0_w4=j`KN65-e91(zNd?0 zh{V+7gawKT>+G1BZ;KpIl1Ud(VAMI(s$v8r`&5JgyOxN`&-ENx~i5Y{P9i8M_I PYGv?r^>bP0l+XkKmElfd literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-pink/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..0ee7d674c241ef6b742caca18e728c278143ea41 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_G=@TD&uC}H5~ z;us + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-purple/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..1f8c97fa5e07431f920b5f280d908a6a150548b6 GIT binary patch literal 353 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FmFPlzj!UKP4(lINt^;frR4 zEuIy=WM(*!1f#IUv%!qnkxS;qEnk$fYEkOy6?q$0|L zgd$X$9wrC`ZRC#Qc~iJvFsC{FbDqMBJ9#VFGv?a&UwG+RU-|0e<)4*q4;U`9aGJ=k maSD*>%C`(X9_9Tp{vWH=KF(Wp8plpinR(g8$%zH2dih1^v)|cB0Tty3_=LCu>6xLc<_FB59l3Bu z_~O}NOJ;{J{_^eHr!QY-Ml7BcvEdp; zTe)>b{(7MJtnkI3K7Ij`bE1~cjadd{K+y5!XHTv;cX{Xa%e$_>e){g~x9?fuW*{r& zN`m}?8TbYC^kd@6D;kGQe8%bPZ`uAmjSdsM*BdIP>6&o$n^MC(OUL#m&57nZ>fuH= zSbaBeN+tjO8vOJu58t|fXZ9BymV2sNb0=b1@a*ML_cu-w@paE=d;+wD!PC{xWt~$( F69Atns{sH2 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..f69bd1b2fdfdb5afede7aa1d8adfd8cc099b8688 GIT binary patch literal 345 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCu=~bbtW`r)86}eze z_@Xc0fZ)gd3y&XNeKIRz@vQL0Gs73Hui3u2ap$~* z?AFP9KxMNdmH<`Gj$E=NbIsDMwfm+WefjXs*KglH%ePknEs!V)@(X5Q*3#A~@93Pq zZ25|l=RbV>_WkFtU%&qT<9=m#0H`L?)5S4F z^@n!-If_eHlpinR(g8$%zH2dih1^v)|cB0Tnp~_=LCu>FE*kXNNAD6}D(b zHo*BM)Ryc&Q2q-c;V)5)K5EqE{OgOZ6;^B9X-oJbN{@>q!|NsAQOwBR_ zn!;Zaa=}8sSr;W#}JL+x0eE$925jv9%{O*IJxR~ zylDQFU5@`Bf8VjW n-JVGXr;gobxbpwOTt>YYPHGI#oqoIrn$O_r>gTe~DWM4fztVzT literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..a54510a4334925f0b58aa7dedd7cd71eb683bb71 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>FE*kXNNAD7qxUo zHo*52gfY8kFMYAH7%#K(*J8H@7NRSi|?U`_B@5IA5CLK=k3? z-+%xA|Nm>Vx&dgMKuM5aFoS}kl85JvnGYU5`uyeVw?8a3IUYc{P)`@f5RLP1FPSqn z81S$hWM)>Y_T2XWe^6A@55{P}m6KJT|30u*;i~fbCu!Sed@`Moe!Abm_TmKxBau(* z=V#qt^Vs0ZW~nGYo!{B!q0JjNhM2tlEbsT_nbtx5n}MM~3m80I{an^LB{Ts53Fn79 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-purple/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..790a354f4d13e98660023a15139de52ac79a6087 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEA{rdgk#U~FhKi*Kc zb5p~P`H3s$CoG>8z8HvRM=qHkzkGheiltd=mu0WpGvUzQiHG-3Ke~U$vD>Ha-#K;v z<-<2GAH8|^=>5CL@4tTg{_pR<|Ns9pd{=o7G@PR($S=5I!h|ztK79Q5Bx`;+P%PZj z#W6%9`0XW2rUnHbmy3m|BCO#pcm6Nf#`TfS@8_vM2R@iyHWy_Olitn|G|zkba@!(N z!Q-wM4|rZY;uxq{|2O1sTI1$hNxHjO-K({F-^xw=?|l8*0p66en!!7I#3O)KFnGH9 KxvXlpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEA{rdgk<;M>%KHgBb zb5p~P`H3s$CoG>8z8HvRM=qHkzkGheiY1wAmS(NpGvUzQiHG-2I=pY%(c35Q-#&H! z<-<4c9=(6}7>GW6{r3Ie-+%xA|KBAzrvYd%(p?cT2WB9GQZvaZi`KK0(i;#Q1H zQkp0M#u6{1-oD!M<*AJ!E literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..5f749543048566197fc008c3bc85cee56ec4b7a2 GIT binary patch literal 351 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY;-3d_r7jg)g2Jv3PdGlG%|< z=0pL}(uGMY7p1IPl)8Fx>gpxwYj*b?+|z$(&xAvJCmuex?(+Hdm(Opwa$)0@i<__B z*mvjV0U)}2>(Jd-ci+6e_x8lYAx|NZ~}e|NrH^*|e|JY5_^ zG|s=hAkgx#?Tm%T0rwA#i(2;mSH0`cdW!i+{{GnTW|_qYua*dN-eY%a5=sCKEX&XoVuc>9vwodTg)S|2u)T#HvaAk}*|NPA_ sczopr0AqxwRR910 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png b/src/assets/gtk-2.0/assets-light-purple/entry-active-toolbar.png new file mode 100644 index 0000000000000000000000000000000000000000..830f58e29dfb8fe0a1ad0e54d6472c924ebb82f7 GIT binary patch literal 358 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY*a@d_r7jg)g2Jv3PdGlG%|< z=0pL}(gjH?79_7+n6z?X^2$Xis}`lM+SIyZbKB0%?K`)0>^iaT%*hQvboS)NGw0S_ zKEM9*`3+YtY`k)D^VO>-u3tNO;(UP(XO3&eRs&Dt8XtVPkYhE zxcOA=)(^Y7^d3Y8-oAb10=J`{bNcyfvh$uuKYrq{_gO8s6VMq9p00i_>zopr0C>!< Av;Y7A literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-purple/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..71061d71846c8a72db0ec66cb74c99c377787eb7 GIT binary patch literal 392 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_GLIXhRb(PKe&75;l1;Z?_YTQ`SaJ$pTB+m_TBZyl4hV~f+azI!3@kS zn^YV6Z*&M=JJig$=_WUtmkb~cp9+#nWguH6wNrU c{**~^jHg9RFHJno4s;HKr>mdKI;Vst0H_7Bv;Y7A literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-purple/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..6f9069c54edc1c84547637497d9fb1ac3b149740 GIT binary patch literal 354 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQGS3=i0i7*Rg*j?%?@8QD{S$s z@Fg?Dfg~7(EuIZwL@b^gvuu9CiUo-)mSn71nzeRW_PXV{>sOa-+EBA&Ys;Q}Q;ys^ zbocSaXV0#^d~x&D%iFKtJ^t|V`KOOBK7D%m`O~YgdAipF`mIEHY@vL5VYY77uyIN-ZfO0MYi#N_|~rO&!t z{noIrGlMbUIKzfCj)sqwY7D>q?}as8PEDRuti^JDkNmSaTupbi>n%k&dhXYV3l!Ak nG`?Wm(8I>iyXw`Wd7Z)2)z4*}Q$iB}n%bUU literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-purple/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..c8d10346d4c76c9fbc7e53938ef78b45beaeb1d9 GIT binary patch literal 356 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQEY%uh%1n8aM(XHZRVV?B{M@8 z&5l?+BW&rc&_%Pt7tan~JS$?!Ob}zytcb-xk(pq|?C>SC!a!U!v@CnwlS|Kje*5+7 z`|saBe*gdfpXqY(Dxd`tB|(0{3@ohHHnw*5Q>RUzxpdj`6)RUge)9Ck&tK|=@A-gg zQaoK8LpWqv53(~gIS8<95ajM)<<7Dw{Quu)vdYW+&*}5{JSV+lk=U)G&X9bGIbpu_ zv~Am1ub;^Xz53yd^!-&)A5Zm!h4S|MMBG}hYmv_15NpIFF{#A;zy{ArZ`Pgv{&SaqWAJqKb6Mw<&;$T&z>@y} literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-purple/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..4868959fded69811f1aa91c0d3aa04017fec9991 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7_+u1~}U&Kt;-)E{-7x&+i)V!c(W2QA5C($07QLYzsDZB}$S;^dMqOj&+I8zUym|lO<0lU0^vggQ zGfx-C5DwYoly{##rEIx%XhZ8p{lU-WxNJzYJXIT5^bVT@p550k}ISwbe dEnCAO&+vDl;xxCOIFSDsJYD@<);T3K0RU4pUA6!K literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png b/src/assets/gtk-2.0/assets-light-purple/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..7509f8475c8dad4d23bc6eb51fd18640c65fa69d GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7AU!*J$=uMzGb5MH zidZ}|e95e^#k0bJXwmEl2m?W0i{8)<)WBB~Dg`emSu zv8Rh;2uE~s!n@jbhU=mdYwjsFyYkd({8`TPJ>W{B_ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/radio-checked.png b/src/assets/gtk-2.0/assets-light-purple/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a1028eda334bc961ebba8e4b992ce5f2064b8a91 GIT binary patch literal 416 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FvIPlzj!o*B7pUg*5(v5RI$ zE}I%Ue^$hj*%3=-hA)~Gws=u6}v@_3OKDU*CWG|Nnn?e$hXm-Et*Ce!&bPqGI9_fgzz`5ezUu#Qn&iSuK$8x`WY7WYp&kTGU1+c#p@@RysVB$MLJKJ;-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kke(U3Xin79=@Ij1 zg)g2Jws=mdKI;Vst027-_F#rGn literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-purple/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..eb9cdc4ea26e43b6dd87927312e38959a78dc772 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_G+u*I{&m&}GTfNTUxmulYtRLxrw + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-red/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..81c81166d2f1e3fe27b8d44bd14711fb47763f72 GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G-pPlzj!{vR6pKR5SHTEaA?}xyI+qRYySRE`^FWwpu-@WCoL+OfI)4O$lpinR(g8$%zH2dih1^v)|cB0Tty0_=LCu>33u;$yyi`}XC_m$wOVZ{uUXef#n4%eN1U7QT&-`M7NPhuZ3QMFsEcYv0$`y(=vS zDtHqg`}NajAmd$9!n@=|AOnIvu3q(V&6-bp_I%pA_si2~U%!37G1F=d&_3CcAirP+ zegQrGn7HzahUSjWRjapbyZ`XvqnEFK{QUXz*KeJYHju(dPZ!4!jo`NzJ((N~1Y9nf zu_+oJ4>|Vx{>4LVvgRMA=SR9$ToaE}VQCDV)y%N#ISX&mGM6~>w=tfHTQi!DE;4); xZ+~^)%tObn%KsG4yAij4?`odQ3$Lx5qRuEFyu!CS_%YBD22WQ%mvv4FO#tLZsEz;t literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..f3b4033e821e8e120aee94eaca2917c20e366682 GIT binary patch literal 343 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tsmt_=LCu>HndjZxf^6#>c;l zjs5Zs2!4FIbm8l@Yj5M@-p0qiO^AKp-1xqu^=*3U+sur&iScif5 z6XHM!s4Ox5T|wTv!u$`jXMcJ0=*y$WU%!3-P#N$AXn}Z1kY6wZvzE3_c}M5;Wy@Eb zJpbY2x9>lH{rdaw#o@3lpppnr7sn8d^KUPnWNc6naK6~k^=O}C%**{g>$Q^E|2?)= zJF#g`o~*oOOJR~oUt^f|9p#OeABlEOjk?h46(F>~Zq=Tf$6PMVUAiFsyjE`=_vSAf f4P7t)RR6`zx`Xfg(n={wpdAdJu6{1-oD!M<1$>?T literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..24014f88b571440dfaa6a350c41a87b5978ecdf8 GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>Gufi%BYWqeCxyG7h?%fs7~ gl3!2x!|%l#b2QRM!cs!R0B8Y&r>mdKI;Vst0HDf&=Kufz literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..6a0df749e1053d16ad317bec6536b6266d8bad5b GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>GufmX;^8ELKwF+02*FQ4z?FBI2eh1T0cMQ{+h=I rS2jyU`RV-5HVfa0mSgTe~DWM4fw3dh4 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-red/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..3cc704ae28a0d6d535e9a5cdbe50c16272c11635 GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEA{rdgO<*Q$=UVY!% z`o69CZASXrjI=lLv2TGWG5%e8>bt^%cSQvs=FI*uXU^xTQ$9}vqN$(Hoc?^~%$G-x zzdU~O_1pJ9k01Ye^5p;DzyJUL?+j0q0~*dz666=$Fk!-(Gao+wdy+Lj94Hp%>Ealo z5&ZVjcE$z+9+!*CzYHuRBYyLHac{fPpdG(b-(ughTdNojlpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEA{rdgO)vI4FUwq%% z`o69CZASXrjI=lLv2TGWG5%e8>bruxcZK;MX3zdSZOZ3qQ$J6i_WAVb&u315dGzSZ zqsL#regE_L@t-G8{ycs1|L@=b|Nn2uoyZC_oTDVjFSudC#4~3;eEg?x=JN?C7Vhcd z7@{%p?Ila51_d6Mi-oB@i*_tH@RvVprBmMn{rH)j4ZB|Q+DrZjjcAE|;pFq)BVyMS z*QAtyl7x^cXFgtc|2o@ukI2>-5!;r}k#C-v=O!=6+Wkj9FIq~|)nn&e5ugzopr0C10zQ~&?~ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-red/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..a823ceeb425cf87bf5553d6646064c5ed516fcb4 GIT binary patch literal 351 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY;-3d_r8`#>c)*h{U0U*(S#3^CVrR!mB^Yt5_Z{GZJ z^VXMJx4+!J_4V8LZ<{uL+q~)fmd)R{Zu!1#>%VVb|9$)R@B8=v|Nk%MI`$K2W0j|i zV~EE2x0f7+nhXS7F8Wysv51Nu33HkBJO0w&D^s2_{<*zEUf88}OUlN{*%lsf(VN}+ uy?M?;ZoxM>OckO_e%`pXaqIHkUl`dUZR7)2yE6e@!QkoY=d#Wzp$PyDIH#Kc literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-red/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..97fbfd0ff59d0d6893138e768c0049826ae80e2d GIT binary patch literal 346 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY+mPd_r8`#>c)*hOE6d;=XdFqtU(|~B|w@n+rZQk^K%jWM}w|w8W^~a%u zKMo)Iarp3$qep(&b~AsX zO1oCL?h|Qt9xkmHiE9L}=6LiTn#B^~)7E?K()`a+eDgOwv9-FRwChnvr%reK`_?%N q)hGVR5&9vtpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10BKN6 zR7K_G<>txB=F7_Gw6o{S%je9@=grLMva#s1vgot3>Whi$i;C)ui|UPw>Wz%+i;C=O zXzgEJ?OM_qMhE_Vxbu_Wt+x z|NsBC5KCqN004VQL_t(2&+XDn5`r)ggy9Co2lz-QErLcQx&I;EPfb}Kz<>MgW*R`# z2b#jr0>EBOcT=JcKqD=sno5?oxN@mZnFE4~M002ovPDHLkV1kl+ Bs&N1S literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png b/src/assets/gtk-2.0/assets-light-red/entry-border-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..9f700ab47b9ea77596f88a058bb708efa5e880d8 GIT binary patch literal 391 zcmeAS@N?(olHy`uVBq!ia0vp^GC(ZF!3-oPcb(Y{q&N#aB8wRq_zr_G}n|PpL98lzKQUXxweQELg(vtUOB_Eb8{kVG7$4#3* zZr=QH%a%{;*MHiy>GRpMpU+U&`f=7y c_sLtBX5AA$*w6m34(J>PPgg&ebxsLQ0QR-G+W-In literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-red/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..333063fde479b467553d932b1d5399bd243fa6d4 GIT binary patch literal 354 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQGS3=i0l8*(Equ)Z{lL#B*eXm zk9`{#^A9`GSc7Y=e{q@e_vGazNF|wRprO##!p=xpJz`0 zarDTq%a?!Oxbge;t>1U<{CV=^&x;p-U%veN>eb)Zum8Sz{qNVWf4_hK|NlR1!JG!5 z)m$Y(e!*<)?H!$6Po6$|{>xvT4JaDt>Eal|A4eQYpEj(-V{b|Cc`N za`juozRnEBfa44s(l{DER;n@l_P-a_bU8J7PO%ot^*!>>=5RIL)vmV`<>5{MWM>WKsHj_V3gmSLPgg&ebxsLQ00z9FY5)KL literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-red/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..19868997aa371ec488f0c09c350bdb2dfc9a6612 GIT binary patch literal 359 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQ9^)Eh%1o(@8Ix1E$v-={JXfg zcL_1?7jwdXuSq$2 gkN;S#pZtfhwwkBw(vi}|K>HXxUHx3vIVCg!01*|N8UO$Q literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-red/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..7d753f854b62e171aa31c7da97024a79f601af8b GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7jv{Rb*%@O1TaS?83{1OTx}Df$2a literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-red/pathbar_button_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..eea48e7328848b3994b0519f80d0c6ac6bf82e91 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7BTT^y{RUHwg)E zBdXc82Ss5^L@$HoNlFYW!Kw^F824{)HdwC0_;n@R!&U@IzQ~M$v>F b?ko)7ebWzG&6}qL)Xw1P>gTe~DWM4f9k^N6 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/radio-checked.png b/src/assets/gtk-2.0/assets-light-red/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..385b7dbf58538993440f639de80bb137a47d9574 GIT binary patch literal 416 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FvIPlzj!{uCMcIWh4?Z0yUF z$X5voZ{p(K0#QQj+xVDwKr$ijZG7z8xELV$E+Ot6kOZSQAVHuSAOb4@F)&ba;`c3^ zzi-|0ecRT*@811=4@B?(e)#bJ|9^|8A`^jj%asKA1v7|H2wI`-Q*hoR`105 z#taNxU#{29_?*5l;f__sz5g7?+!+j?1$~WX)OfGBhu7=%T9u9I#R^tmz4$`io0)y5 zdff21D$H#*E$h*&>iM0)5&Dkr=2q0K{ua&@^Ihc4X7dj}=7_9#{NmXkUj~LB?5}^D Vhy}ET`T?E7;OXk;vd$@?2>?@mwr~Id literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-red/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..63fa5533bb58a2b3f8c6401505048043e0027926 GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkbV~z_dYr5eL}+9 z_?Wlxv0xPUHV(pol2+To)&Z6Blmz(&Gswv+?A*0`&)!d;f68X>4F-zqd%8G=NK8#m zSfH4&&W@S+w#We`nREdKMx8^gDn>xEPeq79EU~MNJ4bNA(q_g2VV&ZXNYiwnRt8U3 KKbLh*2~7ZS%uCt; literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png b/src/assets/gtk-2.0/assets-light-red/trough-vertical-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2514e66a3d7f94ef3f20880b3adf04b2d3a8c840 GIT binary patch literal 242 zcmeAS@N?(olHy`uVBq!ia0vp^{6MV4!VDyfPR*MLq&N#aB8wRq_zr_Gc#kj|HQ+w{Z|g>>H>^Y|WoKZ=h=4k|4ie203|!ox67L+57p+kDm@-`qF_C2A(dC zArj%q2@1Rh;i`@jGUe+XC2Y#yJ4oy)f6rIMcK+^d0k+?FR|~KOFHvUhWMJ^;)+k>n S$ngNEm%-E3&t;ucLK6To1XCOU literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow.svg b/src/assets/gtk-2.0/assets-light-yellow.svg new file mode 100644 index 00000000..cd15b468 --- /dev/null +++ b/src/assets/gtk-2.0/assets-light-yellow.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png b/src/assets/gtk-2.0/assets-light-yellow/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..b4c102f3739993457c9aa48afcdd12b7de4abb54 GIT binary patch literal 363 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GZdPlzj!{=X{p|2EGrJAJ&tGR&%3;#XeXGl+xPR{pf7uazwD3ravj2SGbaLt^F3W0LnJPzo{!{fP~c$+Fc(?#sEvDF!GG^4Rv+Q#%_(tCm)$Pv zd+Hr<-yosLK8a`Hk^rR|SHB+u6MoHNKEbsh?#;F841e9)@(Vd-SJ(a4znk~=<2Qp6 xlQagd1tK*HFOpc97EiD{ZYZa9{?Y%B=7G{&taqN4HUh0?@O1TaS?83{1OQ2BrMCb8 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..01c367c022d2b019cfbad519ca2ff589704cb5ad GIT binary patch literal 360 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TpEi_=LCu>36$b-tQ0ivd8bs z4xcZ(yua-B`SR`CmoHyF@AUb++vnT2AK$)w`+RlU=Uv`kug(2(Ea%Iy+%E?cz8=s2 zayaGlE+3Himrp?Q%WnTKdjfzA2>Nnk;g=hWzue#U_5G8t-@Zp*$g~1lCR-BZ7tFvf zpr;=bS6QeW1c{PZ!4!jo`Nzw~ICy2)G

3AiX4Qs$tS39#Gy}KD@Q1G|hPy$kJLV%TQ9gwIO_G^8=2BRE5CC8+a$bXM%?m1pcM?Bu6{1-oD!M<3XQFb literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-border-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..e99aa2b038126b6f8168543c731ddb227994bba6 GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tm?#_=LCu>Hn)jKkxDUyu(}3Z+^_5o0M$f!x;TbtOniHBCu4(xfXhWz)}y~$0t0`&zZB4_ zdr*E~LE99qS?3;2UTSdGV^ML-#HM?UPZBk_7RXMz$lDaCa4cT_sk!w8!&iZZRlF-c mKiR%P@67S2>ACOsy~tb5%0Kzomf$j=EexKnelF{r5}E+lFsG9M literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-notebook-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..f18d6d2a0fb54cabee3b642b60193d63ccfc312e GIT binary patch literal 308 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0TsCh_=LCu>G#_`KJ4`UvfKO1 z9V2R z=YR(Bmjw9*Gbkv!drY4(^ZtWJpTB(lqq90~A5bdP)5S4FBlztlTd4*E4(1C6J8%BJ ze|i2kfr8K@(lb8R`fzUIddIogYKda|-6e^YciJw0U&ClpinR(g8$%zH2dih1^v)|cB0Tp=%_=LCu>G#_`KJ4`Uu*dt$ z9pw+d*SKuM5aFoS}kl85JvnGYU5`uyeVw?8a3IUYc{P)`@f5RLP1FPSqn z81S$hWM)>Y_T2XWe^6A@55{P}m6KJT|30u*;i~fbCu!Sed@`Moe!Abm_TmKxBau(* z=V#qt^Vs0ZW~nGYo!{B!q0JjNhM2tlEbsT_nbtx5n}MM~3m80I{an^LB{Ts5uxyP} literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png b/src/assets/gtk-2.0/assets-light-yellow/combo-entry-focus-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..3ac7f58cb639eb64e7fcdbb87c38aee0a59f4cbc GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0vp^qChOk!3-o{a!lpinR(g8$%zH2dih1^v)|cB0Tp=%_=LEA{rdgOi}PPzT>Nsf z{L|jBPkTc@?ehK%M7w=IA58eNH~7oGkS~W4zg(L5<=w-t&yIb4cKqwN@82(We7^)l zoqs<+`1|?c|9^k~|Noz`bAmX~SoV@2zu<-m6V812`0xCCnF63tn5TlpinR(g8$%zH2dih1^v)|cB0Tl%X_=LEA{rdgOi}PPzocnUJ z{L|jBPkTc@?ehK%M7w=IAB_8aF#gNl;4k|^zFeB{<=ulX?;d`Adi3kFV_(00|9+|C z`=!qBm%9Fbe(?A6!@pl1{{Q#)|NsAC_V0ntVPG!_@(XU5F!9WXkN-aPn;rlPg?qX< zhG?9BI!RHe!9aj{a!j`1pa0z&20Yj0#BK>!guQ#?(%PUQjiD*=}r`wzbs0Rz_1zCfK`SQJejpl_$iErXSOi1zN%2>FVdQ I&MBb@07w~=bN~PV literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..7f272ba7a09bb0026a58ae1ef82d9dd317f724d4 GIT binary patch literal 370 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY)1cd_r75@ACe<%jffMAoBgZ z+wb#k|Ihm(KJSnGyg%ym{^&3J!@um0__9Cp%h~2H=YXi?%emGs=Ygp0%l&O%9&G>m zV8_>oJHNiV^7YlVudjjV`qyvYf8Ja1^WLhT_kn2j&--hBJy`qi_m_XazyACE?cbm8 z|NsA2-ZRYw=zuy;7sn8d^KUPC3pE)Cv^;D(!y?FXKOxFh<;g$ylKHbX*);tBcDvN{ z#KO-fR{fgD;?K1GY|#W`!;W*=r@AJ;;I%$;GQ){qf3@qyP>oqB*F+q$gS+kjdc{Bc zsu#6s2d~v0ovMWXz^6N(eAw5`_F<96=i5^*Xgjt!&z-;4j_ngO(*?IE$uB$DfG%P1 MboFyt=akR{08Np;L;wH) literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png b/src/assets/gtk-2.0/assets-light-yellow/entry-active-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..a69d72833c2a8ee052a454a25762e0206e0bea57 GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0vp^Qa~)h!3-oX$H;yMQk(@Ik;M!Qe1}1p@p%4<6riAF ziEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$AY+OGd_r75@ACe<%jffMAoBgZ z+wb#k|1bN)zwD3rvOn_6fv7JBqQ4x7`F^48`$ZsX|9-LK`z0Xi{CRK1&wHzW-Up)9 zKku*k^*{{49C@5eiTKLOF*zn|{?`~BtL@2~%UfBX06`~Uy{ zcjdaI18uMMba4#PIREyNr%;oFfXl^}b(7p!*j;2CCaArycl|CZ%Eta7|Gu8GBVTFD z${aVLJ=}-Ri745d_r8GK7IP)&e0clj=#7I zL?>R{J^AX&s#jN6zq-2S_0=`+PSn0TQTOgd{kxMu)bRd9-KV|bpY}z3+86n0U)1Ma z-k*2*eBKR2zMpsdectW=WqYw-5{CcqV-|sK~et-S< z``f=i-~a#rzxkoZ2A~`2JzX3_G|s=hfn(h)dhf|GamX2Tf!D zaKCQ%I<^T@8+}TrG9U2kc(0~*lX>QgJ!-*oT+DY|nlndjl|af@jiTOd{&}_BQZ-U9 z{P$m)Udin4FSc*tlIiaLR*K=0;@t1sGZ(|d;zkd1p?Yr>H7otG>1WSVa zf*F`u${RZR`X@}DGIiR`TmSwQ@4i+6lx+5NaSYKo|Mt>erX~Xk=Zgz8zP2Z=NMfDx z>*?S77x#vRi=VGL&NAtZ;QE<6W~g{1pKq$0v|wZM?HnWD(|Ka^Y|BOOg|M?7KD6yZ z!zts3=XASdl-aI5jVS(cJpSnV$+c3|PiH1H{=Vef$HV3;yEi(0&ht#MC7M&#RnAlO g*d(GqGup^gU-hDh|66SXkXso%UHx3vIVCg!006GO9RL6T literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png b/src/assets/gtk-2.0/assets-light-yellow/menu-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..29b1324512a66e3c72150d55e87e18e4f6c190f0 GIT binary patch literal 349 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQBHtQi0l7Vq5rpee%a~sWtaDt zU0z>y`+VNz4MjU444=11E`LZwU%c1x$hZ4RXjQx5z>FcqquP2MYovHqQx##z@ zy?@@E`}6MdpZC}Pe7N!V^TWSipZ)y?L@)k*fBEn4&;Nga{r~@eaad3b&|a>RAirQX z_V$j>t|w2QJ^$se&IS~X@pN$v;gDrL$jQ_gz`%Mye5sU@b>yM_|7FiE$+B_?SLbDz z_L9-;3!_B5IFm)qsaoAR>!TmXENd*#?gvtgiQo118}SPC+&AJ^D5!eZSi%sol^bs;vRq!{F)a=d#Wzp$Py_9-un_ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png b/src/assets/gtk-2.0/assets-light-yellow/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..69c05ce7049c2a77f1b1e14596baba7fde2837c1 GIT binary patch literal 355 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4uGBwbBK{D2f^fk$L90|Vb-5N14{zaj-FC|Tkf zQ4*Y=R#Ki=l*&+EUaps!mtCBkSdglhUz9%kosASwQEY%uh%1o(zu)2i8RJj8JU{LB z{j|gT^G>hNyL>hY7OKYspFFMQ7jRFmxK;uyjq z%X*NTsWCu=^?>sH6Y(dXynI(bGi}n6dY}0(>pUivq#wATYRN1yNsi&S&BiTXcR!fM zxptM*u`@qHuXdHIZCRC7@w9L0+T4Sx)eLVYF&;4VEN7B2_ndS$cTW8E+)4IToIDK+ TuFv=hw2r~k)z4*}Q$iB}Cr6-= literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_active.png new file mode 100644 index 0000000000000000000000000000000000000000..36d0171b97b7fa9a5f12bd6b5b95ef486ac59f5a GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7GyvLy&Rx&22WQ%mvv4FO#tBwD*gZf literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png b/src/assets/gtk-2.0/assets-light-yellow/pathbar_button_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..b5c42d78c7bffb23b8dba9d5e5998577c661864b GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0vp^l0eMQ!3HD+(^8%SDb50q$YKTtzQZ8Qcszea3P@Fn zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt;-)E{-7FJ@&rjPuKJE1V zyvrMkc6)u^31dS9cZ0YYA!!qV8u&_r{DK)|)HPPFUAKP2oA)0+e&S$GzYLTy^K@|x z;gC&EdH3m4%9dM)HneWkZ+vL|*p{)azURG!gv1MXhP8iAM}!~v&>Q%g<8YGOvNas? Y41X6YPIK#t1No1^)78&qol`;+0La5)V*mgE literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png b/src/assets/gtk-2.0/assets-light-yellow/progressbar_v.png new file mode 100644 index 0000000000000000000000000000000000000000..e43fe0fd03222cb5b31e12555ff79f8b5d34213d GIT binary patch literal 249 zcmeAS@N?(olHy`uVBq!ia0vp^azM<%!VDy3CI*QEDb50q$YKTtzQZ8Qcszea3Q$n8 z#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDWD?V0G|+7ApLEd=cnx+pLY6w z-sKHNyS+Z|gs~xlyFuKHkhFKZH8u3Nw1&HE1@KXEXpUk1t;d%8G= za6~63ysK?zxGpNO=AL4+D^IP)pXEH?1AgRR__1E{RlpB_i7f#?ge7MbP1xbi!tmWU V{h-ync}hU-44$rjF6*2UngCQaUReMD literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png b/src/assets/gtk-2.0/assets-light-yellow/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..398bcfe5e0bb277bc559efd3c3a7c50a80b1bc4a GIT binary patch literal 417 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*FvIPlzj!{(efu&pUlS@ACe<+w1dAZzvnY1qpuHahmW5=fBE|N-xj8vYe1C^o-U3d5|X(G-wHW7Ftl9^cM8;es$F?v+qZx3 zH^?UcDe5b8{l4k-sXr@1Z*9srAGO4G^*y85}Sb4q9e0G+|c3IG5A literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png b/src/assets/gtk-2.0/assets-light-yellow/trough-horizontal-active.png new file mode 100644 index 0000000000000000000000000000000000000000..12e6a3e1fabc88fc6fa206aca3436683e7c0d3ab GIT binary patch literal 237 zcmeAS@N?(olHy`uVBq!ia0vp^N-L1P+nfHmzkGcoSayYs+V7sKKq@G6i|_RfKP}kkp8~g_xoP2_uD-_ z@ACS*%lq?AZxFf5=ksm|14JgOZPW)U-Wv=Q*Y|XB z43U_coUlMKVVxZ_^KFp>N;2sJ3XD33T2+jIWS@! PK&=d(u6{1-oD!MT@(X5=lULZeYxkbLpTGS0>F}j59VlVo z>Eak75uTi&z-th$>L?*ozTQ#7ru@Bw#Gdl^d_`>M@7@+*`+aw{09)`9W#&!>27hji V@`ZvN4}f|ZJYD@<);T3K0RTj}SC#+( literal 0 HcmV?d00001 diff --git a/src/assets/gtk-2.0/assets-light.svg b/src/assets/gtk-2.0/assets-light.svg index 38481536..126a965e 100644 --- a/src/assets/gtk-2.0/assets-light.svg +++ b/src/assets/gtk-2.0/assets-light.svg @@ -119,10 +119,8 @@ - - @@ -254,7 +252,7 @@ - + @@ -272,7 +270,7 @@ - + @@ -343,7 +341,7 @@ - + @@ -371,7 +369,7 @@ - + diff --git a/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/checkbox-checked-insensitive.png index 302a921ff01bbbb275df81a701cc502d4dd72b26..5aa30a9ec17f48ff92d959c39cd39e5385388982 100644 GIT binary patch delta 259 zcmeBXzR5HpuHG-eC&ZP3fnn9ERSjTJS6A2A*a&1IldY|-?d|P-eSH%qOqeuj(v&Gv z7A;z|Y}vAV_wGG<^yvNj_a8od`1I-1-@kwV|NsBZ{=YKNM5&S>zhDMt7B6papW3?m z9yHMA_mr7|p@t#N)5S4FLX!1hr{G})9tMM(Gur+x=RH2zi-Ex@OzpwEzovVc6mFFV zGdJk5I@q-^O<4R$b)mZDFI$g4$4*rIn#tW-ZTjI5-h27? z(c8aIfav|-XYc?1`u!gW+*_I60j*Oh3GxeOV6JEJ^7i(rt*fi=!3Cyq-0}lzDDZS~ z43W5;dOnitfC3N8g}iOIO7h?Cd;YIHhh?h6bLScCoN63(ok6T-UM(z|8&p^<+vgmZ zUbLv)ap%6x%?piW^K%nxw(W}ea4BzzZ9()$nFH@L%C_j=)y+M>nwjrH_J;*OjvFx@ jR5Uxz`Er%dq5mJ{i;KAItyj&g0ELdHtDnm{r-UW|KrNVs diff --git a/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-checkbox-checked-insensitive.png index 695005816e8b6cb12e6ad573acea55ebcfc2b906..7fdd59e8c584a34933131a703c86e963806b61be 100644 GIT binary patch delta 244 zcmaFJbc$(0T)kg_Pl)TPRjV4npsud2v9S@zL?)Y?n>#x@ySlo1dU~c#ojP;o%q?5C zT)ler!Gi}+o;-Q}{Q1k5FJHfY{r2tKzkmP!|NlR&f$;|e1A|makY6w}iWNbbIL~y6q2L@-L-4YtjJM|4 Z*FIM$FZ!|m)bGPLf1kMX`{JX&m!JH-3PjKTUVrxY=JUUQ z|NaMpg{Kt77#JAjOM?7@nOVHNy?tuy>gszS07gT(GHVhFfNG;WT^vI=WLXb(GC4Ug zupUrv34F07_V@q!H+^Q+vGl}VVqS2T#lV;~;buO|hAF@1wZ1OiJmuG2j{aXer~HZ% z^sD}Rb(2%Ut?WpL2Q~4HJq#Ahm=7rWnlrSS)n9F4f3wM5b{WtX22WQ%R+n{72~7au CRfH`7 diff --git a/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png b/src/assets/gtk-2.0/assets-light/menu-radio-checked-insensitive.png index 2f5f936e791d6fc82b26c5917e759f4bec952195..8fb2a17e451b71d75c2f0b59d6913f6b280941d1 100644 GIT binary patch delta 240 zcmcb|bc|_2T)jttPlzi614BbY!>U!QfMiWgO>=WIkO3hZ8ykUaI0<0@MId0pgb8=< z+_`t}-mhQ3{{R1P^Od^>XqH4tkY6wZ6SIP%qLOk@a7c7aY;9dfXAc-uEfv`UR1@v# z;uyjqo5^~RQK-p)hhf7S(V2h#uho!w>%;b~+~s<$@sT+PzQ6i1vmw`Zr#! zCc(xN6PX1Y8y#Gd7hVi}5w$g7XW5##g0$NV=d4Tf4^&E4oISBB{v-QWIaR&xq#P-r OJq(_%elF{r5}E*QQ))l} delta 265 zcmX@cbdPC5Tzzs8I@SP*&14qhtj-(Il@gF!7-g72==8XT$nfRF_ z{v${H7mmb_90?Ev7D@QTo(MuJ#b4BlzwEjEd+*iXpML!P^5gIS|NlcP6v}}n%a#QB z1v4-)D<~=|DF+1wheSum#MaiWiCO zT3g%NyL-T3W!O(PpxQD|7sn8Z@Z5e+rUnHb=ECEw<^e7T|Jz><3A8krzO3=Wp@^Os zpQ!%WZ{NOV<%xX%n`RSTdO!Yb`;sXQH`W%HwPz&ytoX(vmejB?P*$?f$Y9!q8HZ0W zUOfEbkh`?h>ZXmFx`+NB?MlDurTFXfr@ube_=3Lq9!iQ43g#DGSm+!MbOM8?tDnm{ Hr-UW|ocM?Z delta 332 zcmey%w2*m1Tzyf1Plzi61A|oBfAQECqM@%uL;s5;y%tIO&lCHZJLL;^(tEDt_w4Z> z*b_gpCw^g1_`)9h5k$s+dw3NT z78N(Qw6wOiwRd;-z`({OnJ0i+>O5T>LnI_w4?1QYHV|MqFtKcMLa@|}|NkXUD3/dev/null \ - && $OPTIPNG -o7 --quiet $LIGHT_ASSETS_DIR/$i.png -fi - -if [ -f $DARK_ASSETS_DIR/$i.png ]; then - echo $DARK_ASSETS_DIR/$i.png exists. -else - echo - echo Rendering $DARK_ASSETS_DIR/$i.png - $INKSCAPE --export-id=$i \ - --export-id-only \ - --export-filename=$DARK_ASSETS_DIR/$i.png $DARK_SRC_FILE >/dev/null \ - && $OPTIPNG -o7 --quiet $DARK_ASSETS_DIR/$i.png -fi + if [[ ${theme} == '' ]]; then + for i in `cat $INDEX`; do + if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png + fi + done + else + for i in `cat $INDEX_T`; do + if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png + fi + done + fi + done done exit 0 diff --git a/src/assets/gtk-2.0/theme_assets.txt b/src/assets/gtk-2.0/theme_assets.txt new file mode 100644 index 00000000..d5a65a92 --- /dev/null +++ b/src/assets/gtk-2.0/theme_assets.txt @@ -0,0 +1,24 @@ +button-active +button-active-hover +checkbox-checked +radio-checked +menu-checkbox-checked +menu-radio-checked +entry-border-active-bg +entry-active-bg +entry-active-notebook +entry-active-toolbar +combo-entry-focus +combo-entry-border-focus +combo-entry-focus-notebook +combo-entry-focus-rtl +combo-entry-border-focus-rtl +combo-entry-focus-notebook-rtl +combo-entry-button-active +combo-entry-button-active-rtl +progressbar +progressbar_v +trough-horizontal-active +trough-vertical-active +pathbar_button_active +pathbar_button_prelight diff --git a/src/assets/gtk-3.0/common-assets/assets-blue.svg b/src/assets/gtk-3.0/common-assets/assets-blue.svg new file mode 100644 index 00000000..d2de6ef8 --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-blue.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..14e98df88ed2ffa81d950a1ab8188617e72c2c6c GIT binary patch literal 542 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|>{rpAc6djS2YWO!;Mv`DLy6 zWXxTgpSZR>b!&d&*8I#Od$)PkPRs0FK7C(p3J<%tJhjf*V^eU@DtC`{{(hT+L$*an z?23=smmIY(J!xNl#-ZZ8W5pTA%JYs@mz-*@I@erwuD#(>bJ?Z-wrk@(xB8oIO%L5` zFM8Bp@#uKz*?7%&!Vkat)BX)-16wYKv|kJFz7x}VKDOsdT<`Vxo=ch2@142*>CBza zXYPDCd*{>br(bSA{d)V^w>!_i-h1)={>$&r-u`&=>DQZ2zu$fS_3z(*AUL}xvk&M! z@sc3FUm_dZa`JWm(L5D7`vg9rT%1qd)4 zc$q9Hnvt}l;=+&r_D_$x@IF+i*!cGKI^%^~6B$BM-EQYT7X4tT@4clWTK&N1XM2xt zn9aE6^eH1qrO+ztSc4_d%N_n&*K~U;w?d2t7q~5{l&X* z&GxeT>HFgqRGv${UpL=DV~)O%z*X}I#$s1pUIts`<+scn^n%^~`Q|c&r2S={s_45* TRc7y8P+WPs`njxgN@xNAy?gVf literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..ac3dad85e96acb933ed5b556f3a242588e8687e7 GIT binary patch literal 980 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s6@0X`wFK*jh0pNs*Yj5)88 z4X>1mhJS~;Uze&|xr%3{bKPyH+S@L5cb#kRm}hM@N#A6aw%H1!C;A&f5nP&)w(Q_R_Qcm2dwKoBV^;IlFBO4gtkMD)aVP z=kK>EIA~LF$hPRPZP5|C;$wCt$L&i`+LxZPFF)f@a?GLhxI_6_hl=x#WhWiWPB~Vb zajZD&Sb5&D@`7X4C8w$jPSuy3sxLcLUva9r=3IN-x$dS*-7S}fJFX3PT^sMaHa&1_ zdg#{t$i3#gd+Sq=s^ebu7rnaPdN*G2>HF$icha}zrf>gu-w8kbny*Ip-HGYG64P@n zw&!|m@6FggAi5RXe8eA|HlBRD<<#pfr`~Ki^>)kYw_8uW+E%ve)#p~_us#N|AFAyKY@wBNYXC}@(X5QWEB(=6PJ{cl~Yw!Q@66V zvu|tf=$trd^5iR5u3o!+`}UnXcOE``^yu5SZ{L6X@bImW1V(k4r;B5V#p&A1Poob7 zh%|iM*jViT=G`He97e~Zc|1NY2j9JWcj)isd)0ap%^!ak9Y6QGNB?_)%t7u&EL@W` zKFBP-*u=G#?RlWU>{;1gG$o3IzARYWDkj9UZv)q3NAG{~NxX62w`9j0G=2L`>{a7) z7LU(9eXXW1J=q$C74wrqj=Gq2%wZ8#UZtfti@CrubSHzy0~x-J1shtH3pXzmnEn0J zZ!x<>gB4poYMlOLX_sWMV1wWDPn>qi7f$P(+gSXz@!a~~AKBS#UtIZL<#9fAPW;!6 z+a)Yk-1Lw9CT}gHZL$ANnSsQXz~J*w_WsY1d@dfF%P4W<;yZTTc?I_}`41g9_U3Za zuGbs>9#~+R&@a0E?b-bX8`yI9PyFe-`YS(=j(u6&zH?DJ^@$1pOpWvZ@i#By@KA6p zUA#)GDA7eDFCf%m-5iF4aT-5x*JOrD+JQVJ)X$~vs&sUokidU^AXGfKg| pO`7(~ZENFNo{E|@{_WfH@BXZh59jE+v|k0~Fi%%Mmvv4FO#rCt+r0n) literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..ef496e58a00856c90c909ff6ad7fd5cbd3382cab GIT binary patch literal 1052 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9K0X`wFK*jh0zpOF8tQDV( zIiHf9hJS~;Uze&|xr%3{bKPyH+S@L5cb#kRm}hM@N#A6aw%H=AV_U!)P-Sg2ZcaL@cejwYc=c9Gr0ju1-Kq;%7J-+=vZ1N7cHr#Vu#PL?T{j~-uS9lTjqJV=)qO3t=Suv9d&!gUrcAk)J>_Ec z;s#GB10UT!||YV*n0 zn@_#ja`MF%AbI-T){`%fUHfqS`p4rpKAyVy@yzYdXYT;fm$P@joV)ww`MaMl-v500 z{^$EIzu$lP^Wn>%-+%u7`TOthzyCmR$$sxMV7wZX1o;IsFfnuS3rI-H$jT`ztEyUA z+u66ZcXUpiG80ZblUo-U3d7N@UX35`A! zAaS5Dian{^ysJw$Q9!_G{UIcXLBsXmO6OWR9@Srl%e@c3wUxW+ ztWxqq`2JaCKezUXZByO(+}ew>r%O*hedW4V`XN7awYdFZD>+-<#yr-y__wpkO<-GL zkL}}@{>UP>#MkwU{ZrcG%O`LPm<3)Fk2!oo`ITSP1+JFf6U#1d>}We!eI?d3_`hR@ zVy;Eu9YcSfz2z%*XKV;?$WS|Daq{kV%g+axU-i8{tEXTx@mu|gzu%WeUzvM-=D&sw zLY59s&0qCpX=N&y1bqwev|4Ry2-#rusHF3Ey1$Z0MSpxFhv>YEy+>0)In~qE&t;uc GLK6T+i2i*5 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..857ec787a342cf474e785ef86ab4b8865515fc17 GIT binary patch literal 1746 zcmb7_`CHQY7RO1;DXXdLu36)hB`s4QM<{w?_z2lCTX;lCm?; z;$At$gVe(*4RETE$XjxXZ-7%8z4=Q{;0WCFxr9?*!>LW60bK5!(Cqx(8y6bLA1;Y4 zu8FO#K$|Pj?v~Wymh{#wxzml_g`jsMQhE?6y~yNtWNIHWwI6w1j7n}n(c4h;b`-q> zmC}V`NKlLcRN5daZ3vy*il(=tQ{JLeI?<_J=+qwc^=@>!6rDbdX38+vdoYY%45JT| zCc!XAFd1?TYZRN-k4+O}S!3ADact&)u~`%D%mMd|A@>Zadxp$CdkV)I#^p@ob3qjN zJSBlMOW@3T88~>g<7Xn>)wA@p4Eb^%+0T8KZ30O ze_>U(vbM3Yv1+T21b?tU;7dFY*=+E|R>NJp&CD$LVl!y+zTP1*=M^W{mqgQQYGAd?6D zIrjkR+mjp#i-oabJqy-d15I>)Ek;io+PpMdyap}tQ}_fL8P55bo799BKQppg4v%pV zOMK5mJ-j`8`yx~8Z}?)K`yq;KRO2QDRlmUtgDvaj?Ec zCnUOw?k!x8jZ)tKCFIEO+Z_+|I@B)5o^g1rrEi)vRzseNZ(GR6tmn3r>{zz_R=UTU zf7#KVU$<$(7IJ5zo(l^m86sHW$@Z3zO~z7R`hu1?zJf8if*vajRgWDXFTF;tYb#_! zYqP5*P6borb2gFC+Itn&jcwmy<+t7(VZoXliO`=X_TML(Cbp{mxjqSBW9>4Gg8FOT z!j3|xC&_wE`rERIt2PbhMeK7V`(l5}%%has+>8Sa(#stM$8OX;wvO7r&vY@to~uN0 z)MaTjAX^d7naatkYVEnJtn56?ttMy&TLYM8h#NSzEVw(>(IQNFg`*vDUQ^ol%6ErZ z8J6uFJ9?mkSyE)ZLi8%G^xb}PSDA(vT6`&8xm~w5RDM_#9rlu-ofP%{QGd7m5uZfD z0(VU^j4OZoh7=OG`Ql4_f54=Nsf$I+?4d(u73^lT2+us59V(i~^P>?Dq3TI;c8tI7 ze-holett-%{%-hniIICX1C7YEK5EcQrtGHu z%0o8IbbZ8r>AKLDxi{{nb$46|Q+TRXZ6VO{Qc z*in0Uhj(;t3URz!EVP HD00@{W@})T literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked-selectionmode.png new file mode 100644 index 0000000000000000000000000000000000000000..460c5cb3597838074bf709b452a7b91667a38be3 GIT binary patch literal 584 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprS1SJ|V6^TD#%DO74G!hX4B2 z-}D;3=~REyt^J{2^Fy!thaQOhrdRVFj&wn6pe#rb%!W$o*M2vs{ch6m-4uu#zne9F zckBM)-u=U)=Z9DC58nwt{3rehp8O+W_RqW}KZ}+&fnvA{+_t|_v!n8&p!Nn_vPQOKmULK`Tytd|G)qK0|9T$$*(|n ziGRJSF)a>`XkO^Kkk@&(lS(HG-?IA$4?eZ~&-P7U!dYq&M}w`;-)^xf;s0pIXXW41nIg;V-k?$3icK#?`_NuMGwaoRjM*U>-OVODM&(AL@0Q#Q6)78&qol`;+ E04~}U&Kt=xpd_r7-v|+q~W`1!*{37AMV{h+9j;?}Q)z6MuwG{h7YtXU2k`nG1h*ZTmfa-|xAHey=+9XV;ZKyRZD&bM?>O zYkv;i{CoK3-y^sF9=-kd$-93~-~W5|{@;s_|6YFl_v+KX_h0{g`u^|7@BctBTUI6w z7zDZ{L4LsuQqnTAa`KA)0fE6GVOiNZxq0~og+()G&6zuY)z)p>cU-@5>-NV_pTGS6 z^Y8hV}51{bzXY|CxC==R~K=p%%%#D$_o(N_!sDdlJm4Cw_WLz=0{7gLCq)xp8ge znYKO3(QDlaKyk|%6lw?=U2Wm_yb2r6%32YEiKak4eHHqP~fq{F&Zi5XD z4Prc7I0P7t-#s`Q8>(IL@3GAllcsgg1(X=xRJE+&Gpm{xAHpVmzt34X^q}K@zjY54 zuK9aAZ&PQKn|SZ0__Mp=&1;J`*S_9g^6B6kb+*~L$3J$K&QoWyp6CChnrXxHN|(mt z?7!vIuHFABCoWUP9QdN};A;Cf*Ujf@FQ5PBuTt^p={sJO*@%4;*6j+P^3mn?vexeX zhkj4JabsTJqdK8}xzLnqp>}51ClyA=#T7r;_&V1!9N=lZM&-P%p z5ShSG83B_D8Kp4MRxPdqmBWUt)@{%Q{L^eI4f7@ zYW%zLb*lQ#&pRuO(!IWKIddmTM@a3=i>LDL41X(Uow=O_Oc4y8u6{1-oD!M<5cj#g literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..f975033e082df2ffd6d9fceae1a79e5325da6d9a GIT binary patch literal 432 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|>sipAc6dt=;fnCHKE>?RWi} zANsXF^lE_UI}quDNu7#!x)twrD?jR1ebTM^tXus>ullQA%{QO|{jz8J)gSb0zZuki zF|2rL+VIu1@tbY^GuxIgc5Pqn8=g6~e(>&i?$ZfGFZ{Y*giiT-yz>Hxem!{o=f(TquRs2N^Xd2BzyEp{<=!wLcn2iVjix@*t;|NlHBRnz;EBgZ9P28EM>Vh1kX@_5C} zP_N6)uws*Bg3cMH1G%yJ_9+^NSA4IwXK(yr^ZoV4xZCBb7miQ*Rke4XaF^@r)OEG> zeiiJW0)r}ReHAABk=y9&@X-0x-!%!lot(WSGq}=MH~hWJ$nb;x&QSx7B<;L4K=&|s My85}Sb4q9e0C^6?_W%F@ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c6fb0fdef9539b86e09f34080ce30164ebe9baec GIT binary patch literal 676 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprQ`}J|V6^TD#%DO74G!hX4B2 z-}D;3=~REyt^J{2^Fy!thaQOhrdRVFj&wn6pe#rb%mztm6+PA}dZJzYRHx{nPSGQs z;>S8=uXM`a=#;8`4-KtNzRiAaMzvxwe)dQPgQ2Wie{<~@2d&|Zz zmd)R+svbCXes^ws=+*PZtLLj%@3*k2-_jR+PhapOYvH%5Wv{E3zNlIDqJGWC_RT+* z9e%&;*pGE5KCB0#lONZg{Pg7A-{&9xzWVt0?U#RFe*F9X>)+4cK=l95-~WIA{r~sx zKM+W89d-fwS-d33FPMRiokLniHYYbPzu?&M6DLodzi{c}=P%dHHH8@%7==7t978Pp z*Iv3AcE~`0?LmO6L+aI_r9m4mP1y1N5!a)p28;Lq&8B%CP@D6y>;JOnU;Z!itU7cf zXw#;+HD20RozBhtnjKxXI>_^N<)Z%9U&q+4de3wXSmemq=*=w7c-Pyr@$&A^^#{LN z*WA6}5L3(Gu-%vO>fzv&=EcrmL;l|0$9m**MS=FS&wuw`h;f=z!`x%-bpHF_25(^* z{>R@JpHuy|zD`+4EaTpPpQGyEwl=J`V~pC}FC6glXX8Boyh-M^x>Z|`<=nGy6{+GE z&c64D-$qQiV&?mN#v`lW%!#cyS;@^&7qGtF=BDmmtT}V`<;yxP*GQaPlzj!#svIwru?$T{IXVj zGUl$$Ph4A`x-~y>Ykp>tz1uu%r)BmopT4g)g@@f+o?7SZu_-ucmAl6}f4@z^A={!O zcE!i+OHbODpK+)FqVtZG=N+pqIn`WsuD#(>f7`Y3o?FvHkB*nV6Mmez{psADPuCxP zz4_$p|NsBbtmQclbc%RMkY6wZGpmTGjGU6Pvg*9~3l^+gz530&cke$ujk$XtsHDi# z#W6%eGW6g^u0sI=E*Gt5i*|-;asU5+d5sRMWBjAO7tWLBC@ZO0?e;3Pc{20ewP%r* zaXD5mfBDGX|1)!At6IK~R~PT(8FQCBm{N1~@C1<#`KgMAcOq5O)D5j)rY2mSGq3q- m5c4LN@V8q#0y@rx{$rRdZ6)^qf{QFDtUO))T-G@yGywn&38J0= literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..324132a560e8831c5f55dbb8c87a55dc79e2b08a GIT binary patch literal 729 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nlj0G|+7pkn-hPsV^x#++Bl zhF8i&!@on_uS?afT*b4}x$d@8?QNI3yUw+D%(J$dq;E1y+ia1s&AaELch4uU?oVD_ zAFXnBTNfMva;TbC-+;MHV>)LqVwdsLd(?hrBNA9gpy}I7|^nLa1|L!~CNB*qa z1+#9}FTLNm^zOYE-|xTp{`Bq77w>+)`S|PI=ii^d|M~L$&;S4b^=GaEhAxACNswPK z10$=TkeIlnjI5lhs+zi$wVi!idq?NQNs}jExpMW|?c2BS+`04c;iE_2zJ2@tNad1?)07JV6V?9z=e_WWF@S+_?v%&x-h9<# z^-Y?)*h9qUx7*^_-Zq8`eTK~Mky literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..6c9244d988b3cc81f5c29751ce9028a2689238c6 GIT binary patch literal 323 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2ANPlzj!)^7N(lKWq`_Pc(~ z5B=I7dNn}w9f)+nq;~N$?ULs@Wv_I~Uh7tU(yjWeTm40^`m0{eH=vrc_kNtc_v`Ha zU+3@t`2YXE_Pa(&po!ciL4LsuZ0zkFon23!K6@_leda`wf6>e^v*&%@`J?Z26n&cm43}HD3T*6Bd?97x^yez$hl4vGENrk}cjcY& zjnA!T(;AMRnGyN$_Qa-hqM_%7nbs%P%zM14XVS%QKc%Z;cz=2Cy&?;=iow&>&t;uc GLK6T4%ZR-I literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4d746700e714925509f840e3566fb90e8ece881b GIT binary patch literal 487 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprXkEJ|V6^TD#%DO74G!hX4B2 z-}D;3=~REyt^J{2^Fy!thaQOhrdRVFj&wn6pe#rb%mztm8=q&M)AirP+Hg*na8QGlNy!?V=$4{I*b^gMokDtF>GuIRb zD%s@e;uvCa`t0S?d`$)dtN{*!0gR5_4g4Fnx_)H*|G#vW*U@v@==t!VLy9iw_I}G6D=q3YVGZ6f<^zZ(Ouy z>6BKk8=K!fIV$2HANye$*N!_{JLB$#9`I{7xv8EhbGXbV{;FE$JkOIikIbujaQF?w z4~qgu3yTd55{hB`U(yVGTv$GrZQ;57_w|%Dy0vo-{$n_@CSP2?VAfus>lr*<{an^L HB{Ts5kV4z! literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bb4dfb436b15ba01758714c8912f85817f267fdb GIT binary patch literal 630 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|^PYpAc6djUOnxRVcYutNAo2 zSSQF^CCQt{$XO)YmY%gQKWA5QK|gkZLEK`4n1!w_PaUdnxHdm^s=H;DvCS-VhiTdt zi_9I~y`P+GZ`u|fbE>^=m9xhxcdt$15$n9YHU)?5N>4geT=ePr0u*-TU_+Jb3sG1ipj7j~_q&{ri_O^$s`Ch^?M3jv*3~tOpPJ9X1egJ@{DsIH#^> z_pXHImLLD`J1w&I653jryZ^KggF$y&c)5Z@$KxsI?tIe?7v#vS`d=XU=JzhK(l4K{ zFZG<{e|&94di(jw3=S*fqqh8f!;`$^$(h@8l4V#m4?eK&x%ft5CA);`-WCrbjs=`8 zKeb+RPEbufI*YYj{>1JDQ(l}-RY+&}5qovz)o^BpSLZKTeK}Lhf8gz}a87|;k2QUB j`k&r&0Xl*)wETg5_{KCNrmkKeP#W-b^>bP0l+XkKpHCB= literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9620f2480044c0c250e93fadcaa818a7e1c4fb77 GIT binary patch literal 1272 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_mbK0G|+7pkj&v2gn2t0U%~z zU=nWwHdPuZaD*QXuOukO>X?bl{iu-~fSkX7Mf z%YwsNzO9-8UD|&0mFWOgLa;UnbA34V`eu-Y#RK189j&*ljTb{Z$KXq=n zZ=SZvEPbU&J?oZy`pM82hd-r@c&)8y_ zwZk%Vn?=@6pkkk%ua4E%yt_a6^nS4|KIYT&#WH7?b>2Sbs;d@R+bpwp*cKnR%G>YL z_Z^6=vUXYJ?6Jz-Yn`{>zU+)+?^t=kvFegj^<}5(D^4}n zoXd_o*Isw7yXjJK%BAv@OWiG(hC8kecU>Frxi;Q+ZF=C=^w6#Okz31S_xdaDtxrAb zuXr?E_h@_W(f-1-eDvx6=G*@r=&+#Xv*BGg``6u@xZ&ZHEzhQI zdvW>xr)!VCTz~xa#*=Tio_x9e6o|gweg6I4i|=2)|M~jk&$pj{fBgFU|NsB&?aGsZ z5t>&L(sI6bL;k(`XGiRSK+%F@yOmdF2)MpEg$XWf)kM@~( zEvaBMuD?C+(4QmpbMQ5 zmFB7~RebI7dbLOt|I9m{E_Q4BTY|dQFe(=neD+!4nDJ6}&J2k+xtRh^%YEJ{@P9h| z)#-VMsQH~p{hB$<=7u@zh4=MEYuR($*v+1GC z7e@-$M@ej7@-gcnpGD!FwL-^qGS_(R;Pqo$7sB;-+Ld_CIn91jd|@1Sr(KCveA7H% zqHG#>ew)ti3$Ke7GW6Vuh)H|>BlqavR~nmjn`X<{{LWgrcH`>&k}d03Z@f~bI9uDr zE~oCN{OkiA9$U&? z!er5ssX2PgoBeG(3v$Ft#67bZjLqZfbYgEAFwgS3tRX2gle_$lzLuVzRlo)XVH@X# sE?SQ#SOja%e3Vuzopr0B4*)mmtT}V`<;yxP*GQaPlzj!Hg5Q2SovA6;j>QF z7wv{G`qkg`YQE`Kf77r1rUyhd-*s!h>(+eNul=qEL^VM41A_ExKq^5BK!WHzL~xI{k((U=O6m{;{C6eAAY|AqL05{fBf_M)8GI9|Gztu0CJUF zNswPKgNUe@xI|z`Xjnu;V^ec$+nKZHE?oTZ@zduoU;qBw!jy9jsIuA9#W6%elJ($i zuOkK`3Z^7p@g%mwz{CceVy3=AqA+cT>EOMBd~H!t|NN8`xZhx!KAn-nQzo-73REtz%&`uSZzaiN3zI vc}h@{O@8a|HH>}f>W=rKU;K?=VEDkV@Y2LUQ9G9t=o|)5S3j3^P6QsN#ul}Z2`%S<4yKXI5SM0(X0Ln(V}1S$guLIX~Q?i`p53w-FGUO`bu*UZk7>^C+nKC$n=wMF&j&B{mX=Qz(5k%)}hekn6MH!&h$wZjvZHdEmR zYPG*JHb^gF6ZSN*SQ)>2k9MrGs`5)ETU_Q#f-m7z2eeuCQK1EcpfO#&lk}%rP5&g7sajpleooHQ#tH@ zzl+`U-CBBIU66~+8Ep~ydHeUxm+xZbf8!y*efYWM<1Wr>*5`f}aTAzOX0y_|C5j za=9+;I)A}!(e$2=(pz@OEw*>_zo=s9$6K}SLc-$iSsgExCEA0poI8;7Mq#Q=MAx@q a^}kH@Lc3imU$^pt60)bOpUXO@geCx6n~}o+ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..d3ea03eee8d91adb7157e38abcdbce223856b950 GIT binary patch literal 578 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|@uGpAc6djUOnxRVcYutNAo2 zSSQF^CCQt{$XO)YmY%gQKWA5QK|gkZLEK`4n1!w_PaUdnxHdm^s=H;DvCS-VhiTdt zi_9I~y`P+GZ`u|fbE>^=m9xhxcdt$15$n9YHU)?5N>4geT=ePr0u* zf7_+uj%(w6x0c5q9WO84|9ttum;e9&^M2gp1oWGENswPK10$<|ppcljq>QYwiJ66^ zm33iJaZP>0>^XDhEnT{N#qGQI?>~6(@EZtx2Z0|ye*F9QFJtN*ZlDoMJzX3_BqV(g zc8WDRNU&YVKNi32&2PVNb0_T0S-R)Hu&2!O>W>FKSFBR#(^penHEUh=(;Y`1BwzgV z<>ifSpXWSFVRJZ@FaP~O@^sY(^=aGpyY@6^U7x_^Sfa0(%UGHhc~AR6M7|*V%gV h#LsD2#PR6EUdBuIDkqgJ%x{9?)6><@Wt~$(698~L@jd_m literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9e156bf256e07ced903d97256e7edd3a9a6adaa9 GIT binary patch literal 1164 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s6l0X`wFK*baT4v+~P0zk~b zzz#%)QL_x=7Am4V82ztA*;f} zmIa5kd|NdGy0ioPv;%wX%g@=BU$n2h%zlc-JiU>Kl}82_U`#?p0UL; zYlmg#HjAvCK*c^iUmdHjd3S&C>HT6`e9Wiki)GF(>%4u=RaY&twpnKHuq{4rmABug z?>i7#W$m)c*<+Qv*E(;%ec2hu%F9;SyBx~SI#pfvo$v!F=+pn*r~ijl-af0`JwQXO z^Y_~n9JDDoWLtFDw&;jm@iDuSdQ{mSDb3D zIoDoyuDj_{cgv;Wj%&kR*T#FUjrU!f9=J6w4doMryeEH$ms}Db4efahI;E;&O==g+$#H8H( z!lI&*vhupRhPGL==geKaWcj&s=Pz8oa^>pPYd3D*zJ2%J!^cmaJbC)`*|TTQpFe-` z@zZA@`1b8P5d8V`=kFH@-g;mv+wAG$7$PBAdXPQ(a)1cigW}0sG{0l6{m@l-cIolPzvjlQi4V@^jQ;n$;^w(XeSP&sm#%}lgb3EIfhfam@ z%pr4@z2NHJ+`9fJ|Gv8K?qz~G&1#(7-tTID|FB!||M%P06C9sZF3ymx3Qv5I#JnoQ ziD&C?_WNxTcV2JsbJ1K=SiJDg)Cn$9*2jzUou2kttqEj0`}4Y>o#{c9PTloNxh*Q( z)^TpP+DvX*Tz)PosXtXx{^e(xW~F0itGU zPs=E+&(FiRKUWcnyzyD-lHU@~MPDnIhtb^>bP0l+XkK1+@a& literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..3fc001ff0bd8e7b4e2d17ae2780a515d6c614312 GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G8UPlzj!Hg5Q2SovA6;j>QF z7wv{G`qkg`YQE`Kf77r1rUyhd-*s!h>(+eNul=qEL^VM41A_ExKq^5BK!WH#bXXDry2)jKjpJodOu~~B<4L|W}eY7J>V>L zFKvR>gGE!BI-+%Fbwpm%u2?$b%t;f?gYQBt%e9rZ{bBt0La4i=GGQsuat2RVKbLh* G2~7Z~Vy@}{ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-blue/radio-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..56ba336db0c77e2a1458137ae3b2bbf92bdaf28c GIT binary patch literal 706 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUU9J|V6^nt|azL&JZAhVObc z-*p>)=+yi$sQIB+^FzD#mwxS6-P*4@)nE0izvVV`oy&9nS zH=wva5LH8DL2Qs|U{Vh(2;?FoeHd34!~j_bL{Rk*T`&bmx`1kc)}fdK=W66!*UZ1G zQ~p-B`ioxmSBT2g=})s4|9tlL*YkJ3UwruU^26VkAOHRT|KD=omPbH;JC_9c1v4-* zDJUu_tE%f88k?Az+t@p~xVZ;~gh$2H)i*V_weQ}u_rSqJhmRaRe)80rbLX#KyME)= zoqI1|y?OWk!>7+*zWx05yV6eXDbTooo-U3d5|V2VW=1mxO0Ye6p5fTNNJVRDt^2Y~ zAzmh*BToJKZ-2S6@T{rvvzp@j5lbRo{kW91eQo!nWry}e{F^D4ZQnNGh%)oL#~e2@ zjh0MoJfGKIY$aJCvgrj=V2vaY=Ocj2q#x7;kz4&yAp^}pX + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..48bda5c2af2994db7d4b8c7a18a634150900a5eb GIT binary patch literal 532 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|=M5pAc6djS1w`#AQ{)WOc-3 zG({UXr8I0vZQPueF)=WsABcjw_UGkIk7(MQo;@ivXL@+{B88uMRDbeS@*{B-a`dbb~fC4cIEc7tGAzDdGhAL z)3-qM@Y&mk&)+|O@&3u%Pp>|Hd;bZ9KK%Rl@Bjb*cdpCL0eVcVB*-tAftgiAR7Oro zSy^@7`~@pluYU9H-TM!>1a8y=Rm}EuaSV}=WIcG>>#&0e!-1P`6?wM>t@yGr|Iz zw3NDtcb1)Bj;&jiscWod&C0~;RY^5#ld4xIru7D<^aP}K2c-1|b?(XO+?&&}C%1EV zPS&K*+-YGzZYGEk-nB0`dva*bl+din!P!$nTeoJmZp-RDn4dc%JZoY|-t_RSNg-eb zVL4O7a;Jv_Me=7x6wHb&oE=p-C#q;pbkW@C;(0(6Q!+oMWI;^n!q~D!ab=6+$`{9% zFNv>MkW{fGp<-!#<+6mTCCOFG6RTE$9l0pIW>r${^0eAD$#p9;>ei;zuS>08pW3i0 zt6@WG!^X76wOLJ@)7y7tcdjq(0-_D2-5blgHyTH?K^R6|H+#N zP6EkW2TtBTaO(Df_g~+9{QBQYbs;Zj0m9?FHTYE?6#7UDUU%7Ji+U?u7 z@7%fb@ZqCJ-@bkO{^N&-Z-pcJ$@Fx%E>s*_)yBkNuIG*Po|dah{Tn)eymwKq3=YIyeK(5%V9K(hB>e(v<}x-}_vYg4i&hU88Q z%bFAd6wjU#nlm*lcUm}5Hh)G${>+GiS&@aaqYCFl70rn*nj2L-FS=xYOv!?n()qEa z3uDU`#+5CKD_a~_zBs;oNqohUgo>r{l}nN;mnBp!O{!X!RJA;@YDHr8%A}g*sWm`n zuTHLAky^VZxo%||(CYeC>GiAA>(`~$uTO1QlhLpN8)!D+SV4f@5=62SKP6_ zxMM?6*ZQ*FLk0cYDkpAin7F-m;eiQ@4@_EoaMH2^GnOBmx#G~w6^Cc8JThzLk=aMD z?>PoUH})LAvG4e;y(ez$KXG&4iJJ#b-r9fi_Wo114_teE?)sApH=ka*_3X;+=U48$ zxcct%>-S&YeEIR|&)?sF{{H#<_s_q7|Nj5~?=Km902oOIB|(0{3{1>i`~nh^GO}{Y z%BreX)^_%7?H!#HCrzGw=+`}glZez=78cmU(N+0(@_#NzbT zD_5fr1xPd$M!Da-+qo#oySZagQc`z=l2}=}a>twbW!BAarJL`5-hH!t+xMG0t=tt( z$SSSmnOvM;w6f!F=hf7$x0v~IeOCsZdBt_RiSfN!ySYG)7Q<4HyRYI;AG*IHrEL1N z-(j0RP4#$Tu)eO-eQpom#ytLhxgNf!^ICbf@vU6$ey-)SWR6QxViwawnd?<7$CDFH znl7B(=vCsf)BT*n9Ix$ve9L~!o*mP0!PSyawf(666g`EGB;_J&~F3(@FTe?`K@q*tjuL<`T|9-!sy68r* zLx%IZz@P2AZU;*9wuGHh)w=jUCyb3l*HirDr+Zn94jEnxPf2g)WLh|}%x}v1G-YlM z-k!}z7GFHT=44xta$z~+Lk@klBUSB{B~OjpSJ!s9a~JPea<$n;YsO=(pi;h+rGXp= zrv}}*IKOpSNA1rQt7etf%Is?MVqL9VHa%tEHx(zxcR$!?JYxI0OY`RfP=51t^>bP0 Hl+XkKFbIGnY8^&f=v#DsAF~-h@Q9@L6 zi)_oKM@UyDkuHx;7m~|49&=kRrNjApoWJ0_AJ6yu{rS8e@AvzM_v7<;d_>S7|1CyV zMj#Mq%gKP_Fd#!$eS-lIn|s$@1=2=ZKsW;gvJtNO8p+5E5fFDU{lb_b)MzFLM<;?f z9FAj5LL4IsM7?SxV^$#0+B9e&+z%-JUlvGm`#sh(h~g1M^YD#yIT7LPhXNy5 z-T_$G0D@~k6gaUYl3p6YEQ>@50?`+LM+;8lgu%ROJYR|9RpI%yczz9@SA!#pp@gh6 z1TmB(h7!fW(b>?8YEqh-B+$gf5B5S{O!Egwcw^6N@7fFGtX?0Gwr9Mlnjx zGD=X)D`+MVuSPOUBUvRF)>RbiDwVwa-XWf*ojntct;DZ_Be0kE73G^YZSbPbzS ziQ!h@xRn5S?sY8p1~&ORF8Ky7`6iBc1J6_9SNEfg;sdcdDn&_1sUoD*M4hW8oUbFE zzeP-Kh)z?HFRI9bYO0`?Dp1D&ySh|EORq^xZ;DNCjuY0>g>`gcOI*e+dPXZHvw@w} zP8Hu~iyJv&6({>XEl0)8QFA4Yyj&GOSHsIw^9wY>LV!C$MH4`VqDiD^&M0aY6}5

K^!{ z9T?WW`qcaS)AQHEeLDT$llqCtFB8*qx|zAjnR$Szxkdf_*SV$d-&R&u8nmb*z!QWs zVL>6Fbw3zxFxqNjVfo_@D{C8Du$#NPho_ep1ma6cptCtiyi4iAjLfXuJgHQkUt52> zxw-Z3qsNb*JnMZvH2isVYZMeuuk2Zuc4-A z%-R#3{k#YB^ABpKme5E|;b&=hgvRNYB6Fk+`S#w89XEBv6Ec-T#|tl#6L~QG$~wC2 zsMaP)KYsaJ>QrztSPwS%t?ll_*jV@Ll`u&CG58iUrSHgXkR&qK)UI+fz5DBa(ETO< z(=Wpu`UA87wlprCwp@6tEbV*(w%AyiGqJe}a@YyF<-M~7gUAh6=9Tx~o;}sL$HjDD zcX^x950#4GoqJeamt9QYi+7L^Le*1pZegG7m4Vr~{?efyuz~Mb)Sm|PHS$Am3D~Y9 zMzSYMn}<%OM+NSX-iIuv8+Klp#XrhfSg!!dIxFy_dwn*{ZVz(8Cs+xLAkGhLq8*I~ z)|#}p8(V=)>c>r3M=|p0Whb8wg8@|BsAvB4-VdoR62`VOG%sSP&h~MN>nSai=7d5R zONOl^u0r$$gcmr-p?uJ`sO|{kS&1h549(E5;JgWXxI+Wp?=U)q-PQKTr8LJB`@45q zMZwVe3!!SYroA%jqcLw~pHKXN#M@DNXT-v#?Q0lUJnSBh*(ZH?6=`QSu+3xlL(GGZtYTJ}t@nEanB62bE5}wl#QJIb z#LVITWU{x_7zM_Rw~EjGK6Irz%IY|SSe65Cjdt$Ws%#&!Mr2(~-7^P0}zx=q&5 z@Mh)}8zc!J=uO?r4QXEMzZBgOl&w#hHcw3v9mX%?pZ3@|Y97?z3Qx8Vm@`eztP78@ z@V@fM&PfWL6(l5Bc;_Gx1!aAQXEyE2l!$Ciht47977AhxQkxD4*zYZU8YcB46PPcC Xg6gJu8fgi)`V*Y=3p!rsgH8JvF^nEh literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked-selectionmode.png new file mode 100644 index 0000000000000000000000000000000000000000..475c2c01f8bb55c8a0970796cc7776b804ca4b79 GIT binary patch literal 576 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUmFJ|V6^x?xpl?l#Yc{R!2Z zL(8^BSMQ9d*b!c}ExdAjMAeS)N-(2hdw3;~y*;85$^f!aP!&jVMD5O)x?Qn#yW%?b zXLat+?mCdueK5E8P(k0J!ih&pXP&5Ebhc~hxxO`*rmwj?ihAOHOQ{pa7GzyJRH`}gnv|Nk!PZ##i57B30% z3ua(r=a80>&B@KnFF1Dm#K}|VFI@Wg`O7tPO<|yt51uZLAr`$?FW(euQV?NF*yMA2 zvr&}J?eBNZ?)^XNCF9A+f3DL%`eY3=kaE3~(zYI%6~e_?#5 zT|Za!L}HH7jh4i@j?!&r%^MC!FwV`idJ*&fvq?dPs>&3BFL%THLJBHA%HI6`wBY5j zyW7;|_f}O2|1z*}{mrtYO2|p|y@f^HkJaYl{O30AOnUt5?fUA?%GcHRJ#ITCeqa4& z>4lTuPo6WJQmAhIA>r4$_RtAsa*t{`!*|qi>pfg2-V|KB+M13G;#V8HPs~}U&Kt(?Td_r7-blI+m>dm2L+oG#? zMwIUkt=<|{voo}OM|kD7u!`*w6+6Nzw?$O#0J6iYb^y8IRolWVw*y6h3c{lP{CWfo1UY)!7 z>io^u7jC`2@b25oci&#U|MvRB_qQK`=*PRSzdn8c_2u{9U;qFAf56P53-r8hNswPK zgOs$4tem`}e?VYxNLW^OPHtX)L1EF%S###jU$u4H_8r%6+`9eo)8{Y0|NQ;OR@iit zfr0Uir;B4q#NoF$t_K}*5MfJL60xDND?)J5B#DTCK#`;Ov}b*{geMk#-C!^$VY<(aZGs z_e-LSX1+2x?;Yi0oi>Mgosi2k%hyMbHIz+ae9oyQ$)@w@026cGLx*NYUzrRe1;=Om zn~zW58gOuN`SV?JN-wJTl$8$5JKpgtVe|W+uDKh2KC`e16qmVj{j8+il2_bIoi?&F ze7Cr#{WSJ!)7hfc#Sj0Ne9&3r&%4d4@3FA7kw0sh?R<^zA_@0DcX0Xh{i~RAqheBZ z(1+{N9bW!i^Xh{3+r6)|tPxxKUT@sabhg7zpK3D%u$rdy|RoIB#iJgKW+ z8UIzq1ioQ3WAD@WsBl|c`IOCtx);Jr<#L+8p4nPZ*Zk&2NU!^{4_ zV*RHF?IHd(0ac8Cw&67))sB4^zv&)OzBu)Ve#43O^JdI>j}8bi=RG)3%68__ftefR zA8>y2+~34Fy~0=Fh|P5Oirk5uf6Y#d>@S>rIfo@w%w_G;E!S3@e*EZJxXpgyJu}U; t-kw)AZWY?$w>e~nuZ!*_4d)s9x0Qb`y!9bA2bdrjJYD@<);T3K0RW^Nwu}G( literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..f4459a712a86a99afeb9ff1cbc340a990ce07b4d GIT binary patch literal 426 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|<_{pAc6d-LNV&cbjMB_VB75 zVU^p$E4GIN*pLM`zcQr_Y{Ce4jZHDBR-d z;us*-x{-Ipuuzy12owQsxpMPzFGiZjo@?s2)(muY$bx}?z0@6}iS zrn9j=-0Obkz=D1yZ=ZyGS63IN&=ZM2SZuOhGcf#PytF~@@Bg{m)qw6{@O1TaS?83{ F1OQPpypR9@ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f0c27a59546f2c23934c58df0309feab3de46b24 GIT binary patch literal 667 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprYpiJ|V6^x?xpl?l#Yc{R!2Z zL(8^BSMQ9d*b!c}ExdAjMAeS)N-(2hdw3;~y*;85$^fzvD1UiC{)&JCAX*7TfyL{B zOV$UMYzQgc7*e)5v>b@GgjKALsn{A;u`LX2V0hK`i0UoTH9Mp0)~D3%h;P`H(6%?d zYi~~1zTEEpxs#5R&pX*R?^Nr&Q|(KRPF!+y($eD-SDl@{@yfhIH?|(VxBd9-J;(3t zIdOOI+pjO*e|!D@+nbNy-+lh^;m7Z9zyAFE{pZ*3zrX(e`|}S7{{Q>`|NmmQM^-?u zikAfW1v9X*b4bg`=H%w(7aTi&;^e9G7cPDL{N{u?d*5##Bz8a8vU>h5`F6es{wKGbpZjt|&XO6mjJ=^ipj+O8BcjF6^+mwvw+o>#W6g-@kZkS)|>eGDi%*^fon`4qc zu%18tc`bwHxBhcYU-mFtSaUd^y0n+AUcAkCw^%h-2+OQVOs+CdL_cIj#Glo0DC$^| nCm_5&AZq8We|~n(*CxgHt5);wbJ+P77=R3(u6{1-oD!M<(aA?Q literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..722ae74db05f2561e710d2b12b7580be238042ec GIT binary patch literal 409 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*Hn;Plzj!#sqR|;<74YvN~ci znxc)HQW`d-Hf~PKm>8JR4@5y-`}6XqM>K6t&z=;TGd(q@?zAuo;5KfZ+dvvq!6%z zu$-x3xzodeBKb2T3T8zX&Ws4sl`o1fUmRb)B)(#4 zeC4u)s^y7QE5NQ=l~lVXxo&Mr{kqip^{EXTQX4j=HEm9B-<92cAiw8eLGPi0={wq{ z?`&OsV9Mfylb*kS{NnwSH=ka<`~3RjxA&jFfBg3I>-V2u|NsAg`MJ_3U;yct1o;Is zFtQ2?iHS?f$jYgzs;OI9+u66ZcXUpiG=++qdsOet7s+ zNCLI~^>lFzu{gbT@@_vCLmt=lvi>5Os@ohDyfRiSc=&%mW0W03BMY}wXQEtT4%e)^ z8Jk33f0Ma;WRow$0Tmw$9rIFV2Zq*;uTfpi4s%D-sM@9 iw`cRu`&0Vo{?{+OGV%5_r^SmwiOkd0&t;ucLK6T!P(EP* literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..a98cc998d6bbb259851e224ea6b0c0baa24ba241 GIT binary patch literal 320 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2|lPlzj!ZdetXyUnw5dwA83 zu*z-W72CssY%mG~k_D>*3s(mguL~~U99q65tYT|e#Ws*Kpw!)0*Y3T(e(%k-dvC7) z|Nmdsw66zf9Ct~OUoZn3dwWM`*ORBuo=be6IT0uv@9E+gA~Ch}yeD6S0*^yrfP=%b zrptf*vs^nQ4&DE%duz&sb)G9ig61f7Tsb08!Y!rvSBjzKMJ-Q&;+*hz9ISW#9eT#q zV5*&_Q)69Zuw&7!O2-GfXU-SLTnjY1Wna&%z`z?g`NFjKK&u!$UHx3vIVCg!07&qC AHUIzs literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-green/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cc1d23b6c1be63687dff6f310db590f6800782e3 GIT binary patch literal 479 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprYOYpAc6d-LNV&cbjL!{)Fny zp=H~mt9M3J>Eak- zar*4#(|k<^0;~Zmlol{Gi80D2WUuD<^?$y)q>AR$#G_5pll0y#oGEb3K<#9b?2#bv zH@la-4zISHapKqB{x7{5?{9dR@HNQt)i8*#i!{ib{L>)dbV#|)A+mN#$Wp$F_4zE< z8LGb?oSpgL+ls6E>RvU(`$bmyY*uM}T(kGJ^CqS6pbs-^Urm&M#-MPZk^R8YM&1UO w2>DrWlOj4err*sHJpOz3l)T*HSx5gdJ&Md*5m;gr4s<(%r>mdKI;Vst0N5$f5&!@I literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..9d7f6f8128fa92fb155c0788ea9bed92e2a13c7f GIT binary patch literal 623 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|?o-pAc6djUPD1o4Y2NxhGqi z`|4Tw=$g9enD`kKFNiH!7*n<=I;z$qrp^n98aAa=E{|{Am|DFuKBYGxtuH9G+dsWO zpmSeN)ry3InGuyM60#MG9s`7S4_;nj2j*H?Cv>(CWDICGnNZ6RKAx)vQjg zU71q5Cb@oHYU9SV*6o>lE^OR;anpgTTMu5{cIY|~ZU6A)-G{I5K7M`o>D&8H-#+~R z|NrTVKV3kdo0SCl1v4j ztyA2KvOSZ|C+aeDD6;O^!OS-8mL0!O{p+}v#GU_tOfmQ^IX!sdvu}UnVvFAIe)~mY z*Lp{W1$WMvw%(3CqE~3A{r&d5Angp}n3`s@)(f7e7}hQk_cmc-3~A)px9c}w!H(bS zLdp&gTe~DWM4fAs-7@ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4252c53596dd549c937f04925cfd72ea4b8338ae GIT binary patch literal 1270 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_ma90G|+7pkhh^2gm>p4h{w& zgB^sTD%|60+#RD#oFYvVJA7?}4eUdWlDd3TdVKt{9ei``Ju|Gmv#oQdhUQKW&6^RP zJ3Y)h-O4Y^#y{WQFVDVYVNB`bsPaXz6^moSE8SxoyhF-d!pfYhS0^=WN@?7fTDvAO ztt%k4%RjZ-zjjSh=boI--Pv_(lYvHMP6*DN6r49bykk#p=iZ#oy&y8RHz1=wD7`NT zDBH0+r+a^1#qxxXJ=s7;!R*MceYu$vLvp5uRxXRrm=K&lJ2Gc-SkJ-y?t}SR6N9rR zg=S9<&6yHbvLL2nSzP9%kWwIHNqo=2!klSgy$AAp4;JK34TGr3nHrWmJsfCz{>+Gi zS&@aaqYCFl70rzHPT8g|TG|;>#Arl`W1dUlL!jG`@0KLe=ubsuhXV ztCDJ#C)cb)qZ*36b|nXTKi z+ID7lY$yVH3KR%?b9)Zt_Z%$fJyfvv==}A^7j8PUbj!JA_g~z6`1;PHH+LVuz4zqJ z{U>i8JbC-z`TIxD-#`BT^XvCt-+ui1{`2?uUw?l7|NsBT_fjTcbmo=>`2{mDGBLBT zvTo42$y>jw`=L`4C$SsqcBQ5pWLL+ikzw@JgCSFS_7>(ltq z(xJV##b-5yFO-}kwaF}|$MgC1*%v}4#aMmnJHF`d#Bcr&KRo~DQEpOZBEG9T$4^$f z>7xEav6ZHuY;v-L9_Q{(JW9mJ5=Ttxq)nDOh~LH0@|_nJJh2 z^Mk%T*3vEI$4M)~kLE<6?iH-gZ~?&}+fdW}j9$ zX)q|8Pn&l8R$Ww~{jF2E-VfB+&+m&$Tm4G%$Jgow%U7K#)10mCVwY32$&OmeAR3J|AooCB~x?sn2Y^w zJqwcfO2j?07&e=W+fVBi(7YuS#O h@y}zv8*g{IB=4{0wO`ddx)fA|c)I$ztaD0e0sxZ;G+F=v literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..49a89a66940761f9a7615d3007c3e8478e512948 GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*Hn;Plzj!F5Vnjxh=G0XKdA; z$kMH$726{!w?$NJ53kx0Rs|%1+#TUn+rlbA;y{rI5Mz5dK~%ghxB{qaOC(Tb?ar7T zmsah%vS$D7jR)^+djIv!hp%rxe0%rt+q+NS-~a#rzqtBQE6^!&B|(0{3?iap;u3)& zpFA z@!;S7h?O-_3(Yt7yep#Tcm2p?*g0?Yj=LTkTU~qR znNFD&q@A(Jq19okuFj9clX!h*%vjY|8TQ$0kLc#slHQ$0$JZzI_Uk;IBk|q)Vbyeo m<9jD7yx0BmFNT5P1HZYLq4C~#kJW+hVeoYIb6Mw<&;$TOHNp=7 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c28ed2f7e15bb3cb0148da11a0f5dbab6e9cda87 GIT binary patch literal 829 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm`0G|+7pkjvq3=Itp726|f zc7|4LiK^KaUb8EzW_xJ)j_`_Y5fwW_tG7l}?+C5j8d1JIv~pW$#kRRcr-17346Wn%ebAwL4-u z_Ghg)K7IA+nVYW6-*Ro?-Iv$yy}I%6?X5>|?mT{b_woBX&ptkU4n&_Ge*5|5`>(Ix ze|`J$`}?myKmPy!?;4VP78qjAB|(0{42(<)ib~3=>iUMpCT8X~_D(Kt?m;2pQ89J( zP0elXyZ7upaPZLKBS(*)Jay*W`K#Bi-?(+>-pf~S-o5|u>GPLwKY#tMw3B-Zj0p!% z7sn6@$+ZV7&7B-2*dLT{$`{;}a(3Tjy`XPg->>~$DIzrS+3$L`^n2FnePaK=+FbFp z`+upev^ICGeji8H)7iF-iD!ST@chpx_2z3}bEn0uIsKRACzodwn)|uc%jC}aKJnRY z_vqbCHk*GOH!)0fJUvzGYt_;z&0?ZUek^>tdQ#};3vC{eE$ZJDx1N`=`MhLJ<4)I1 zk=PBQK{^}W%r?2VDdG5%m_|$cOFs$^=y~j9*_?f8#mxlHphXGaR-44-Zcq*iJ2)pj z)5ba>F-YvdCjR$9)%7QuT0JD&j@M~D;a`4Xal7~-U|6V$wuH>Ln(+v}w zb;a|&)PleFar;lONn)QhyKqhqcdqw@Yqf1=NqbXR@-99~>-i^P>pD52LF!A+;)7}8 urh>tO67G&!=>>WmmtT}V`<;yxP|=M5pAc6djUPD1o4Y2NxhGqi z`|4Tw=$g9enD`kKFNiH!7*n<=I;z$qrp^n98aAa=E{|{Am|DFuKBYGxtuH9G+dsWO zpmSeN)ry3InGuyM60#MG9s`7S4_;nj2lR0BCPq`I7j`efR$T2M->81A*^A@Z-mifB*h%y62kBayF zwhQ0m;&-~HeY>YT#rBlP!~g%4JC9$s{P92~BvjzI_~b2Fw@q$8U2;Sqq44g9y}$2% z?%i{S!Q4B)?c_>xQy${)Li?xh3&ci zA{`Gk7il}JO?FXcn-?qh@0cW?$I`F=(qk1EeDuzhEev!_<1p|t|2@rg#qy4a-ID`E b9Az5Kd*-RQaqVfI42nxnS3j3^P6E literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a859a21f6d70540ba29a9d1b683809006cf977b0 GIT binary patch literal 1153 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s9K0X`wFK*f{-4v+yH92^Wl z20I8vRk+91xI0FfI7ON!cKF%`8`y^$C3X3x^!WH?JNV|>duCXBXItk^4b7b%nl~dn zcY2t2x|Ls+jeowqU!Hx*!kE&c*maH&b>LEdqHGsZ$L(WP`*JfUhU82Qty~tLF(EjAc4W@vu%3hY-3RltCI)9s z3eBDznlmM=WI;^DvbfAiA*DdZlK7s3g*ns0dJp9H9xTY68U|65Gc_!CdN|Pb{FxC2 zvmy&;M-|SADw-QzJTDrky>wx0*`m0z#c}0J;wzTMS1wDaTAo<7BC&c^Qq8KQ+BL~_ zYg6jirPi-cZP<|7uraN1V_MVZ^p>reE!#3%w`aBO%mz9h{0YM>QaS2Ij z8Cf}bc?AVUWfd0}FJJ$Fz~GRG$msZlgv6xW{KBH5lCtu;x`wt{v**lRykz;gbLTHy zzH;U2)oV9y-oAbJ-owXFo;-Q_^x3m#&!4~e_~|nceEaqt2>$%}^Vj0{Dp1lYyzii7avQsjev*Y``9S3X+7p^E>v}3!GOz1)_0nunzulhAH za`SH7cvAaPURP1K{pQ9Lr^Q(tMGhZdDZ$#Q@?hJW8`m#hzPz#gx0ARB*Qy24EAAKU zdttr%UTf+E{k+9LGd3DLDOKzY(clyo9qdym-F4yVM3b)qXp zC;8~qN@jBUT-x#QQ#XgWRD{6N4PPr;bSJo^Ecp0jbHH)w$mN=zXZHUyInv9zLeVuM z;`am3sk>KC6g2VOzVX$o$NyuZnQt$UEMzbCx8brdV=tRimmtT}V`<;yxP*G8UPlzj!F5Vnjxh=G0XKdA; z$kMH$726{!w?$NJ53kx0Rs|%1+#TUn+rlbA;y{rI5Mz5dK~%6Ruw+9BP}%JlS8l(! zdjHM!`)_aj|NsA8TrzI|XVUy`{4L)ZhC_&t}U$ZZEzuCFb?I)u(M8 z-=+Q$ocx{Z7xU&L*%yyFtek2bko}a;X6gNueUq5?e3^Mh!}Nf&)V;I`S`QXYW$K95 woz)R}O}k?0j58-qG!MQDu`JhC+V+R>;|rngj>?3kK+73CUHx3vIVCg!0FE-O@Bjb+ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-green/radio-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..ab3f7f358b176f99caa01e24c88535fc8d9e0470 GIT binary patch literal 706 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUU9J|V6^n&Ce~LqkKw_K2FD zp%q)AYPN;f?24+{9$LO5ykc8K#m>;`tr68bLMyjMly48M+!k7~EwW-qSjD#Rs_kKw z+ruk?YPLmG?T7$zw}n@153AY+6bEu6K(bH-7TE#fLc}Y!162aK5H(;DA`2!#vfGgL z!c>A~VP?V=fEbzceR7ugm23#9*a~zT$R$9*se9@dobGu0`PI8GuRnZy^WodukKf<^ z|NsBov;G92$DK=p{DK)6nG_V2lvUOB4UJ9A%x&zQT-@A)Lc*hB>gt=C+uC>U*?ZvN zp~FXx9zS{N%(?SduU)@!>(0HGuim_S|KZc;FW-Lt`dw)!_Y`Q{KTj9O5DCe(2Q#A? z10~oVJkN0KUZkS6wAOvurVuZa&k?8o{I|bcS$Nje_*qTy{fH$IuYO$0+P=2?(XvB( zBL2;k%eHTua73B;-D8d$nMO+{HlELGFSe4b5b|})IASPVov_5Zb)^k&(To5w-YhO9 z*TtnBO1*rF=Q2yU5(9aTtvg@g@R8-CQJv@&(>sc{5SkVAIO23Rzd){JZc~ z@>_0}Xoqo@-}>KgFTb_C;w9iN()agqvb6|n2d|W>Vn{DrXltho@1_|++j~mZ8f^Y^ zisNf&#ijT;pLg=kUn|~ruK2Lnjnv)iT@bW_}83_ TlZtZ&h6IDBtDnm{r-UW|U2aJp literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey.svg b/src/assets/gtk-3.0/common-assets/assets-grey.svg new file mode 100644 index 00000000..4127964a --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-grey.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..67854e4a91e8828f2d56feaa06565667ae7da2c6 GIT binary patch literal 476 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|=D2pAc6djS1xB((N(fn9U0qXCQ&(44UtizY*x1z6 z)ZEx4Yu$oXqLRpSc>??LTJq_`ua=2OL?iTyi)Z_Nrp_ z<1Ggj8bls#4HQZcuqZecyE@fPFs?LvbtMZ!^WpooslR$GSkm4npWJ<5&jX3{eQpnW sPM$43Fh5lA%jdO0QJn`0?oI#0&KlzPxtfK21}LOGUHx3vIVCg!02-gmm;e9( literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..759323afe55e280bb5826d58c3a95f41280ebafc GIT binary patch literal 844 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmc0G|+7pkn+$Mn*;n3=|a= zLqbBr!os|~ygWTUJ3Bi&Iy$<$ySuu&3JVMK^78WY^MQ<+GiT12F=P7l=|Ed6D=UHA zva+(OswyA@C{j^T0ptS7$&)9~ojVsO4v__t5LuuWpkQ@%bxlo8U0q#$eSJeiLt|rO zQ&UrOb8|~eOKWRuTU%Rudppo}pc{a;1KrTm)6?7A+t=6E-`_uR;>0Oarc9kWb=tIP zKxY6QGkf;zIdkR!ty{8W$@1mPSFBjEa^=c3Yu0Souwm=gt-E*cK6dQb*|TTQojZ5_ z{P~X`KYsf3>GS8$U%!6+@#DwOpFe;7`t|$w?>~S3{Qdj)-@kwV|Nk$!adrtX)O1UN z{DK)6Sp|i}#3f~9=FuH^nycUZQc zf1bnI5R*@0ZW}{B?{*YXnXz81XdBm6$q6j1VZGdZhuOOpI2oK4Z7F0taA7A8gVc-X z&RpfGHl;j9&RXl2Ts@%9b17_Uxzh<@yIX7)>fir9=sEfPM&z-d+`k(fxok`J&3+bH zm0bKymu;43zVM~YtXrbz<_AkPJ6@XdPbIDJ~@#AtylH-GPiEcTBN^V^>dc@m)w3FP};NYMbc{X iq)Juy^8M~>|LbeG?|bw`^ISA2WqZ2%xvX1al zCQY6^dCHV2Q>RV^I%D?i*>mR10b06h)vDF2SFc&KX5G4V>({T}uwlc-jT=v$I(7Q= z=`&}}oIQK?+_`h-&!4|}^XBc_x9{A!bMM~0`}glZc<|u;`}ZF{eE9hBa`mX z1Ml2@_~_gB@85s?kkX!h4Hyk6o-U3d7N@UXiHvS?5NSvh-%yZw|NGT7Ii^zs0zI~P zY~H(N@0lt8|1&p9mawrsyZ640c@KZV;g1!+)a9igG`Ykye2tuIZ)7OHTJY$zV~6Xy zrSGknGF53}(7H7|iI>D9_2=#kiQ-$lee>k5H?xe6eR*(Tkx!=Lh2}ebE}7F`A6yVp z;IZ=1Vi6aE_W>Vwhc*kdxf=cSz8n>va3rD6G7r`~#*B zB-xA?-2S$ni|wQAj_Epk`Wz3wShhCPH&ni8*=Y^~X`BDX@BYPbJYp{>byQHy|8m3d zow@$~2jAy@y8GtBl-vjND(`VFOXPQGdj2s}ge^ENHqw9j27?)I*q#P!bv|dA{C!tW zge;%%irs#XRT9ris;w$(Kb)M!QB>_dWgGj&^II!DGI{^TywTzHGrYlc!>T}6>Qj<- z>XlG8_cf>0jW$c&SMSpIZU3`v>v4bP0l+XkK DW=)mG literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2d228eb55e0def69561d7530bef444aa2ae2ea23 GIT binary patch literal 1376 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&3=E8W0(?STfr?22p`oE6At7O5 zVcy=}US3|Fo}RwGzOk{fK0ZDH0RasS4NYK>m6es9oed=O^71-5IyyT$fn+xf6ciNX z=jQ{Zii(N~3k!kdBrupVWlBj&3DCJyr%o*egUOR8Pn$LkNLEx-0L6i_vu4ej2nJPE zRX`;`a`x=mbLY+lGJ1M?fFfmOWk8j1aR?Wvy|S_rs0_k|Ga%wX#nsi-H8nN0wY7D1 zb@lc2K#w#wHUhoU+}zyK($d=6+Sb`jfB*i? z&-@U}z`%6O)5S3);_%xWFXM$AB@Ps-xbFO>dCF+_``>!nYkfYQ(9yLLOl0McFi|k* zd~dc}I<;khM~ zH@;k{;T(KNTH$i5m}Ab5_1hd@2WV+Y>dgA|hDG|<|EAM_ zogQi2+$y-?|1HM!AffP;mmfIXOE389Ex2w;o%o9TAKWY?x(meavx|vlw4N4xr{^gA ziDP~H&fRQfq8bk0Rm$%wtZ-oHl%K*NU~qTzS{V36lC6E?zmD$4#Je{RPV)F%aH0Eq zRph^C--C>ps-72xoR>Hu#AUa7(SAm*g4y?Xv-&-WDEzEhZayKoRdk)*!*^UoA2uE+ ztoy)GWMb@mT4BBU4pB=RF}X*r$LGvF+_$}zxuRHp{`KvWwhgm$HvGP)+$Zo;ugof*E?%?`jkS(>6?x1Y*IUR#HI^`NQG{d$$tMP@nDtJ z?S8Y@{j09k&)D{!t;ljm>7cXDFeE06%`}glZc<|ui!-pR~e*E_B+n+yw{{H>@@87@w z|NmFF31tBtCtecd7tFxM&LJ%$o0FTDUvTXBiIb<@rvGhuHC8qeif(scIB2ozEZN+mplAvOr92- z&7?VRW9TdA7%ls`v1bBri4}AlZfua_vt=xFU&(eZ{Obdox|~-B4ARz2kT?^gC2l2g z&*-=xBTsqYRoVS(3g_RM{xhLW^Sfrje1mD;H$4ri(&FC>@~)p+dG**~?djP&{bQA< zciv%tGs}A?ztwT4Fxip^F=5YI6ZOtJ^3L!&TD$Z0+D9e)-^Ew_+_{Wtm&F_I7Y{Co wU64u6OX2X)ap{}2L}c?__VOoRbDID7-rF3NDp{=<0g8DBPgg&ebxsLQ0H=rjpa1{> literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000000000000000000000000000000000000..9a4dc6d7fa53e43b1d40b0496c15dc76085ac449 GIT binary patch literal 853 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt=Zgd_r7-bZ2L0Utb@P?CtIC z=;-L_>FEXo2m>exVE{=W8z=+kLf8-mKoY_L%AzTNh!7-!Zs_mtpDuU|`(u>Eaj?aro_x%-}-? z0&EFSJ{;f1!e8RhRk*>g#!V{cBg8(*$;5>>M(zp!*-1!2^TkDa9nW)jEL(8C_^!LviAuo`jqd^vc)z@}tBJFJqEqg+_rcO7%8-)#b4YaV>J{r%hJCnw)tShF{w z?M$bwPwg(xhps)#qs`|0SSqWZlvuoIpWTt=>LO3&l8Oa7xcE2MG6p_f`0a4RiZ2Dy zI_lr1$`u{|*7@q!1@{K^eX$!o4$NHf^+WrW5Sfg<0?Y43$i!^saJ*J~_4@W7^&7ew zh4k&j8Eh6ehBC~%bU>KlS>}VVE8-tS_FR$=Jir_%++lG3t7>3$%Go_+Vs|MS@Y)n(&DFDyZly1-Sbm@bY$lKKMc!0yb?Q5A8!Cm O0}P(7elF{r5}E*^8>1co literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..aea4f97d5e6873634ef135083ca33a6243377011 GIT binary patch literal 378 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*F~RPlzj!ZfIzjG-*;#Pfu@e zFOWn7EiEl=ZEfxC?HwH*ot>RsU0vPX-9R<{{r!_CPo6Sm%G9Y-7c5wC_wL<$_wGG= z_Uy%r7cXDFeD&(p+qZ8&e*F09)2Gj$KmYsp@Bjb*&s6$%0qx^13GxeOU}JCZ=MNQI(3DFS?mrqNRWDtXsEk{rdG=w{G3DXV1x#C(oWed+yx1^XJch z`0(N5$B&;sfByRQ>(8G*fBpLP`}glZfByXa`}g0!fB*mgH{v=S4fKF`NswPK0~%4LX~WJ#{r_ zGBAZXzCILo^0&R1LF_&iix|V{me0?BJ1fFfzA|XB@su#$+okG{`I&#_f7Q;M_aI&Q z=HtLgq0S4vxpPHgq6z{hn0E=q9s22;_;YdD`YjBnCRu-bORk z9Jwv<>CbfW8SV$(_^oc&e=BYI#7`*qb8leTXBF4OTV&?7Q>|zIMUPLG z*Yz|lyn8!7&Uw9FfU(*>s`9hE-Z978s;GOvJP+F1C05-Na_FhGH`uX7imj#dsW6x9 zuJ|a8E13(snl3M|SU-cut<|9FY0j28QLk5Ry_>eRV*Wup#?Rl=f6fkcdjJeB22WQ% Jmvv4FO#rcpBQyX2 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..53ad09b7f40033ac2f42a3b6d4f2d9040266de12 GIT binary patch literal 401 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G!mPlzj!#sqS5a^U zN=g$ZOz7|LpEz-1Nl8g@aWRmbJ$rUlRTWSKXl`X?C4{W5uCA%6sjI82udi=xY;10B zZf$LCZ*TAH?CkFD?&<02>+72`Wy;*SbMM`|cmMwVr%#_gd-m-A|NnjVU3owkh?NBS z1v4)!(k N9#2<4mvv4FO#mWLn?wKr literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..53d47e537be2bcfcb60b2ff04fcdac8ee12446ad GIT binary patch literal 691 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl^0G|+7pkn+$Mn*;n3=|a= zLqbBr!os|~ygWTUJ3Bi&Iy$<$ySuu&3JVMK^78WY^MQ<+GiT12F=P7l=|Ed6D=UHA zva+(OswyA@C{j^T0ptS7$&)9~ojVsO4v__t5LuuWpkQ@%bxlo8U0q#$eSJeiLt|rO zQ&UrOb8|~eOKWRuTU%Rudppo}pc{a;1KrTm)6?7A+t=6E-`_uR;>2mwrp=x`d(NCW zKr0q5T)1e_qBU#Qyn6NO-Me=mK79D}>C=}lU%r3;{^Q4w|NsB*t%)oH27zu#kY6wZ zBdeg0n7E{jtemQoqbz-N9V*zlP6!fdhPb@+js8VdHC?rqi^4Un#;8R^8q#f z^mK6yu{gbT@W$xQP`BC&zf}0 zTx$JwDJBNB#6v-Ouh<$GxCCF%+T85W+fr7(L-#?keebj@oI;P!{>?h@*z&B`owmnw zcUC%fcFw<-!=v-Nea(K0J3Pn5&nn%>jH_Q<^;_}KjqFs;7Y}`WEGk3QH!z&c=JaS_ z2zy%K&``y|U|_ao=7-!JadUjOYV+=~SotBmAeW^w^Tf)Z2a7iq9eF)}`;YzoxBLob zB~9%!*l1u9de}O~q$gZl$Yer>wy0gng$I7cQ@F05WRkH{nY?MwweNG6)$H6e*)n7G azxjMq`>($Z-@FTyfIMCOT-G@yGywo#mMy3N literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-grey/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..4086c72a3883b1625a650fc22fd43a540fc8ed5a GIT binary patch literal 304 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?3FrPlzj!ZfIzjG-*;#Pfu@e zFOWn7O-)VB&CRW?t(~2nU0q$>-Q7S14<9~!^ytz5|Nql^zQzHK;4TUB3ua(rZ|~^r zdh+zybBXUWCjy0|JzX3_B&L?0zsPq$fX5-wjK?|q+yDE!{Ip&x*8^oBEb1-J*$Gkg~N;&-o-Ju9V!rIJM(f$(6M}Xe)0V*mhvoNhyKZ>|CQK# c@$*Oi%n0s(VRKf+0O-)U0ZEam$U2AJ=TU%R4M+eZTuC6YKAxoDoUA=ns z$B!TX|Np;2z>d})@iC% znwKNKd_63h9?Y`;tIuB1yK?F&!h$^S!w@2JmmM{e}mem&H_Q}9H^1c8o90U-g_@biDy88W#& o`Mqze%M_nHt@8`_`z6;iHkl?c3t2Z#0lJvM)78&qol`;+0L{C*KmY&$ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..0d47c6549103c04a09f51bbf6f231e35aec2332e GIT binary patch literal 416 zcmV;R0bl-!P)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10WC>H zK~yM_Ws$*7!axv)*8_LkLroKS3JnpBiHS!O!%JwqQcT5CrC5wbV`@k}fWVFDbHD-K zff(=+q)FRTe`npa(lFm;^3T6JyEBX>kz*25S%FX~%dt#sF}YlP?f2$`a1i$9?)%vu zlSxg>J9f1jcyRGTxbV;o?lq<)7TK^qpddUvJTfveFfcGIEUc=ks-~s}NQQ)j z0L7!CqJUCOO-(Ie(AwIXoSdAVo}Q49keHa*-QC^a-#=l(gr1(B!otF$q9Py(WY3r} zW9H16Kt^?Sb!lm7Sy>s-K!_kv90-bwi%UvMfa-xHP<+;`S?%rZ5JqinEszV;Qc+RS z*4745SyxwASy?#;41ijIVF%;_T?JGCRN2_r2z1!oxpN_EAPk@ypb0<`pw&QU06hgX zq`tnsp`ih&9;mmuxf$puphln}K-)VyIyyT$ySlo7o&vhOx3{;iuMgZ-1hX8HavSrJ*ZQFM3+O=oTo=1-!J$drv>C>mro;`d1{Q1k5FJHZS z_5J(zA3uKl{Q2|OuV4TF|Nk|0njtV&a!P{yf*BZ@m|0laxVZTR1cijfB_yR~WaZ@L z6%-VeRa{)WeEkCggF_-BqvI12lXCNcL0eK*URT%9Hf#2rxr>)9KX>l@h09m2T)lej z#?9Ne@7{a(7;HPl@)sXJeg6FU+c%)~-~asi^Y>G6_Yq*ydg|%o7$PBAdaylSC{c#} z!Tp1VQ<@*Y`&%`0apvJ~^QOJE&AF+jeY&iZsY|1yXzBwt-97eZPxqdm&0@>{_vr_% zRp(}`(~4scE&3_R@~k}2@+7;2uKKyMFJDULSnj*YP$RVVQAl9@14q9d+wV7MO@46g zLXGb9xdz9NUwXN*uvlsK?n^9Zea)7)$u4~Jy~Inxbo0Wn7e-S(w94v!O!S&2`S<5O zQOC}(9~Wd!^@N$_EnfI9D{V*Dnbc;>&J+F3X^XUq}<@cHU6qriJ8lH!?j75)NL3{HPPRc(h49m^X#qV&>koJwzszBt&RHz@&dwyLaOM2j zn_5=Zy|ZCj@}NXsTsvZ$)0Y11W+%BE{@X#Ut5xQ6-QIT4neW;Mot$o;bN_zXT1#@? zmNPQ|x_9y3|Aj1Ef+sWfT#dfk>-KC(s$I^TUtvd2`>t3hI;m@~{Qj_t?b42&UUQ_% z_Wt6=BvgTe~DWM4fhYKNB literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..df5c91b7c39a82e526d24c237967df34a9dfbf14 GIT binary patch literal 426 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GigPlzj!?&;~7G-*5|5 zCqI7t`03N9&!0d4|NmbwA{rW-np@k>oIQ8p;)jo) zK7aZ8_um$#oNGXp&7LlfArg|T2Oa$m8wfBQh^(I5#o*NR-+rTzjE87>^Grqt0fV^X zY3J@cCH&vf`1!YE`hO{heP=H9o@c!9Y2&W%=1Dn{-D_^iq?Cb@Do}QjQFaXLz*gysl0966G5CBvN6akVzE`$wXK&8PHPyt*Jq7qpa z&W0$1b0G|@f@o@LYiohNXliO|ZEbCDZ|~^n0D1xFNVvT~ug#n}bJM0xTeoiAvuDq~ zefu6fc<|`aqo+@wK701;`Sa(mUcLJM{ris}KYsrF`Rms&V6ZIMmi-?XK+YvWe!&ck zObUuh%Bt%6hQ=ml<~H_DE^h8YA>mOmb@ffnZSA}F>^*Ss(BUITkDoks=G^(K*RJ2V zb?4s8S8v|E|M2Pamv29R{jRi=dkPG9OHUWa5DCe(2d{@6au8v?V7<{iWKF{Ry+Ygz zlCG!pajbB3dH&zt`FYwk9j1@Hdsoh#bL7yjXpJ4&pPiecELRFgyxZdJTlHOV<85cb zWJ{BiYAX-^(2csIcJkF(MYnD3Jn8%!%UD{2ejFDue0WG>U+up?HTy&pQ&=)NCDxlB z&0253<}urSMMSXM+Kvl4nX3~vEn3sX60LTYb#mh-CeAXSTcR`muU(Tb|E6h+x54^# zYj&|uQ`cpFR;%&)FtfEvF6$Y6?bUCZbtjs!tIc0^YK5KW29wNYj!ON;q=Vh<0rHtj z%xd%Hz23)v{eJ22W)^FqBg+IP{d@fP?%ltO^#x}wm~f*_@vptmv1JO2Kl2!#+kH}M zuVeRX!7PKCF16>2MJ{e_?davpQc~+rko60g^Ka(T=9+g2hIifHe&Lq&+o>vi_Qzvj PoG^I0`njxgN@xNA_mzsN literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..f9000f83214df5dfb8be8e1f2d15b98aaf99f73f GIT binary patch literal 383 zcmV-_0f7FAP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Srk* zK~yM_ZP7tX!f+S{@MnkJ`|n^3wog$=7D3Q42)~5URgGnH<<{S560(qW(6pP_caqTg zA-0|NbP$=tJ-_4ooSqlhMTLM46DD*Bs3=5%RB@w+v7N7 zz#)eW7;+rHwoutsG}#Wb4;Fo8vIzkIYP~v220S!MZcd;AV(|0Ma{d$o(EZgL%lUuM z0kfY-N^ZEH4J9S}F$}rIkc5?0BwX-gZ?5yEzhXNE-?s|{O6LX!o;p9^T3dD7-xvBIm literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..fcdba03d06c1aecc697ebd0bb2ef31375e3e579f GIT binary patch literal 1118 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8R0X`wFK*baS4h{~W2|yAE z*ufwvDJeBI)yK!j)6+9MJKNdW+11rGKR>^qpddUvJTfveFfcGIEUc=ks-~s}NQQ)j z0L7!CqJUCOO-(Ie(AwIXoSdAVo}Q49keHa*-QC^a-#=l(gr1(B!otF$q9Py(WY3r} zW9H16Kt^?Sb!lm7Sy>s-K!_kv90-bwi%UvMfa-xHP<+;`S?%rZ5JqinEszV;Qc+RS z*4745SyxwASy?#;41ijIVF%;_T?JGCRN2_r2z1!oxpN_EAPk@ypb0<`pw&QU06hgX zq`tnsp`ih&9;mmuxf$puphln}K-)VyIyyT$ySlo7o&vhOx3{;iuMgZ-1hX8F^x^(HXWy@BqSn=`W$4{R={r~@e%{}HuV7TX$1o;IsFfuW- zu(EM+^9u+H35!ceO3TQ~$;&G!C@QPCxOn;c2LuL(L_|i%CnP52<^uz-q^!KIuAyz# z>^XB6FIj%>-1!TauUxr$_1cY_w{PFQ_wezPCr_R}efI3x^XJcBeEjtJ^XG5hz5~IZ zKY#vyD(*f4Og!s6T^vIsBufvnM_&#QVS7+~d5h+kZ7^M>I=)hiA*TVOW+~q(@ zTf=z`SEJj~P^bEhE$!+iW|i?#%a$(9G>l&6lO3WzGnK_+_7a1MjBol5t5>nJSNF?D z-k)F-8sb>HR0f`fBk~< z);Kf&Z0VevZ+E3~r);HTw-DEDx&8nB|MO|gowh`0&Av~1PcCV#5Mljd6ZUTZf3t%8 z`&=`ut_t+_EbDdm|IW+vW$w#+7g+K{M3#BGH7xb}+M-z875Q|DqQ(dQlu3HI!gu8M Pg7UhjtDnm{r-UW|JQCk9 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-grey/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..81a6567774293549384cc72090ac8c5b7d6958ab GIT binary patch literal 388 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*F~RPlzj!?&;~7G-*Gy&cH7fB*jD$B+O2|3Br( zEGM9SawS22!3-jzV&W2kA)#Rr4UJ9Bt!-z{p1W}I!^cmbzkL1sZwph-HK59TPZ!4! z3CY}p4~3i@B-$>zI|WWm%AF+sy}o~Dep!$FxrYHkrnUE{q&M9;{X<(#UW7+Htn>P^ z?#3YN@&y;qasTl6oRoHwF>aQav8V2bX~*VEE|sdtSkCasZ?;*|R9>!qnrg*Hxn2dk fuAZ~)?oh6O^g$?}&EUQ^&}s%xS3j3^P6Wmr>74LfU*!akO2fhRX{ET02Km7fFzI$VM7>DX)py;02hR)M3#lK zA-0&oL|C)%1CiG4be(qRhZh0nezl&LSD5 z9EE + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..76fee0da38be91530461473fada3a719c608b1a4 GIT binary patch literal 547 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|>{rpAc6djR|z+_;qCYja9@9 zltiz0``_#VBEMTbej5uN*A+NyD0Fx^J##d%E&BabT%AGftIBhL+-cjzdyV7+} zwfo*Gw*xiqhw3~I)q5Ul4L#c6d9=~%XnWZ47XRb@$tRk;PB#0TZ1FwS7I3ON^3`s(4gch7%*di(P;5WV~L`R)II|Nj5~Z~h{;59mGd zk|4ie24+?fQ5iWUWo6ZQ^A{{wxq9`RckkYRcp7u}K2XVGPZ!4!2}#z22fdgLMHmiv zew!M#=8@}%plU&u|Ns4~J}Go?Txy=el{EQ{+PRiF!Aw0DtDk(;n#Z_)>(&z=FQp#{ zwmUQN8gD~tu<~2!gjuWpDvBJ~ve)jf*uqIc=67?eSGK6V{j~Ak{WJH|TU?927VOMD zZrqYs^Umz`)7R`Rj+ON>wSO2FF5V~EAo00{afPzmX@(iqUzCg%Y`?TP-pjAy;_n~q XF4w&_YQMkq7ZhQhu6{1-oD!MoOP#iqI&CU;+*;yze?s8>i9v5>gzczs*<9?nv)l!! zesc*>f%Dcf=k4V#K)t&vU3XWy?yYj$R}Dn&`)l0yH~1f@aX(P&aj@3?V4cUomXJer z9*62Z57&DfZty$`M2%iYTl|hScphu?I?)6~-Y43EPBwX+YW6za8FHq@`%G8ZnMuiK zTfNUtN1)m-ZEy)-rD(vrr@QnEz0DKu@0|5$Qt+dr>zz|+B{{H&$ z_xG=Ve}L%szrTO}{r&sz-{1fL{{8>|zkQQ~88DvoOM?7@85mgwg~Y@qWn|@4Rn^q3 ztnKXE+B-TYPMSRV%9X3vZr{Fr=gysn4<9}H_U+sEA3r>ND1hR{ z2+O==Nw3AMqEWo(7AvS(-Y#01aMH`D!B20CK>9wO(<0napZ*IZ^RfMTw5sU^KZ`G0 zf+Sy%UoCgyPe0+tX*?xcQ!SKdsf{q+pS(ucj@UegMyR0-kB;2ar&B^U7dve$b$&KE`1zF3t!2)eOPw|qJ8mvsW*5F(BFOcf8r}M3dKvChrr?ekYr}PBwd=YW6zS z7H}Gf`r=Oa$Df{Ac&5esOnbnYNvUUBz0bD#oSm3>t|Rc=#KiM$KIglF&UXc$pOko^ z-S@)8_=_FBmplEg0MYdHt6hFqXJubq({ruc|Jv;AYioP1uLGjq8$JFvR<_*i4Y;|Y z@g|V5uJ`8pzDJXSpPbzC^yKEJr*}L%z3tfHdWu?_d1*@bbrpSHHi0`1j}czrR5A=ik47|AFZL|GwoB z8NetsC<*clW?*9G;unyRl#!KFR#sKDvbM8tYwzfsIBD|aD_5`GxPANf9U!>-@X@1h z-@kwV@xvvw#{-xWT0C7GLo7~Ty^}oE(Zi{oC-{+;TukT59dl!(=ZAed5}^9L~^hHx;It zty~^^w9VL2XV>1{S6B{t?yEF+tk`~m<51$fmF0)d@Af*UAj4zQW%a1A!=__?@I*eweLbQ~Yn?^mkUdA_7r=kL^3LUjFg5 zdEr;?mPKSLY?*Mb?&SOVm(Q=*oxS}J^Fqmmr{u51ZkZ{$=R!@F*Co>z2^ovt{$BBJ z)m4@TVE8jkeXi@q(ZY6Y-u^wAW(5ra=Wl(BHG8?!VFk0AR4Jpw4TUb=kEf~xmp**+ zRBMIs#M5zlI!nV`l&WJ>1&^9Gaa|4C5R}xlidDp|c)Gt!k)NxmziZm0D7g*aL=Ik` e=OpE{`#1kA139aACeu%VvZJS~pUXO@geCwJe)Zx2 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..083341ed1e1148f8f4c2201c08ff5122fb4ed54f GIT binary patch literal 1715 zcmb7F`#0O!7LQixnD(}mPN|uyF^iVL9n7pWR3eE;z6tUuI@6Zk8;@x_p%NtO5otVv z3Z`DYHA1zwO zM%>ltP)J-{oa6Vj>-2wKjS6*)j1K>o*4+XE+4saBPeFs`{|g-Amt2Yihvb|V;CvG} zOUIpw!P>@qL9F?<}Dc!yZLqc{;IO7xbneJUc(JqSNn5dp2d=C0rZid5Vn7dMa& zDAMtYG~gM{{pk>IvT!Mcwr*je=>*ka~!IMjsW$Q;sAAVKqC`1lIaU})zQ7`7+xwB@qCibaPz~LymX54rAYaBH8)8wQ0@^^2x+D-BQv1Ia@U%V_G$6s@jd7?ZCh8X! zx|xN36_0+Eh--=WZb<}MZ+W*S;o1_s+Y+&DAV~t+6EN+`xYvo8*U3Ofl21o6u7eGT zl6^!ecyY3iI0X=M@Desw!of?~SSg3lnS$-)5V|)Vra zMRpsI@vq2oLwdPDZ>nD}KUkg$$W!t1G(UOHB{{e)i|?>pT zr{VjHuJxC(2GR)wcc}x#*9Sl@h*x9~6nCkL;_C_lOCg9K%peRFPzOt{50=Ld@qC90 zLWe+70j^t0p0BbnOj#7Bd~jZo{AySTZ!xV8FbYjtURZDsqddgrZXXI-QFb4|CgrrTV9uiM_++aug~ z`v`ogK@5^F8KQ4sc+lv`(c_<-Ft@P$^fTx=7|i3mr>7?zj=VvOj*Vm9N=-}8$jr*k z%g-+;eEy=gsj2yuw6n9TuYX{6Zhm3$&Bn&&=GI?$_wM~)*xlVd@Ju-hf$X=%q7alI zk!EZ=5P$VV`x=hmChtY&eW`0*<$76!$^xjtXU$K4?rqcE8rE+zZhqzvY2&zYPpiH6 zrjx?;-wQ4DGT6H6o5kNn3CZ_Z3se0~F7#y9DO+1i&Ti+WDUTKkJg-MaUie25oy@K@ zrF{(zhqC=__uw&5^fG)e=R71j{AP8EiN&8K6vy(66ghn9>_U@JQ1HvEN-IyNQ8~VhHDgUV)^ZKx! zuG(y%+NYmF4EDF`ciG}DIXOQ(vTiVYO#8RebrKM%oJdPW6Q>or5Tz4K=g0H6=#D2!ZxcfWIQOYfP=kGUIOE#7y5eGhL5zE|@8& zAi|T5s?wi}ZS9IX>}6Z765-rTmu?cDL_O8}RrLJ=CVoovnpy#P4_%PVzj0n_8Nb{6 z@qr&5O5N^N+c#tnGF4KWq}cXv`A3IZC*DRm*EEpZ97d1d!!)-YRjnN6jg$+j8ekX1 z!+!W5J!W{=@pGkClLD>5nd8e0ShvppyXpt}#~dy%@+O(834I$=rOC97WJbIa__RJK z7NKz?*=Qs06dH@se?MY4w|&_-^WoE9(G_~B6^-e)Z;o7E$a-i$he9Im2-YjN5=y+? zasKo^>(-#EJR_-fX_eVbRYtv;ku;>#HEXp{I+p#JYu1LlWwsPXl(Yn!{9tREZL-u= zCn0X+>ko1{SI}#V1oO?cJ|#B`le20GgMZ^ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked-selectionmode.png new file mode 100644 index 0000000000000000000000000000000000000000..7eb991af3015da681433157b93c373fa62c7c4dd GIT binary patch literal 579 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprVZdJ|V6^`f7vr?Ma^Z8yw!W zSibEvf7)XAs@?ikht;b#s}~)XFWM|$wp)Rb<;ym!S3q_LgbODj3anpt*u3hpf7R{q zs@w5ZkJIa^0dJ-TzL^&MW_rk*nc;6{MZTRA`)*0*hc#s%)>VDn+WK*8+qZM;zMWhD z?fk~?7dQX7edOnzqd)JR_<8@-&-;K>1|Ns8^|L^br|Nj^4 znzjh&Xz`LDzhDM7b`EJ7*__Xn;9 zO$rjM37e1RTsK;?W$%`~XUy*XKj0_ zmjvd0DO$x}AV0I@n&1qrMp=n%93}}F0v#-Z4%Po;x9q+BNjjra;8aMG-uALBLm+FwU^h>E)`0P8PlDtb5{`%gVDw(mLQ{2%F=ywKBS3j3^ HP6~}U&Kt+E7d_r7-^y^ORH!YTLJI$ZA z*gfm8dDdd}qS@|6htQ#p|h|yvBs@?ik2T0^ahvkbl%NOm|FWanu zQZIpmKoKAVgsi~~pk9zHOb{XkCqX8opibMDop!If>|b>|yq@g)W@_M@X+dwM1;3dd z{ANbjn;GG6W`@6+75R2v{QDIJ?^hJQUs?2d&%`f>=YBoD_}jVlKd$flaby3F8wY;e zJoxj@v7dL3|GanN&--V8J^<14zn@VFp0|J9X!m_e+a`W;F3X5jWnlpF)s;%3$@3?;B*6ojKh+6uTL|VE^=C^;OM4*@oCOIwxc(G<|t`BIkZyghmWT1+3(MCE_8@KuFOuo z;AMI8TaxMppUTFkt~nR_OiwawXPC%)tWGoOKvD}+IKxy6*0jQeHm2_d3GSTI}3pRLTMU*nrf!ujG(A%C84woYsI zcH1gid|_L3MY!pD{gL(g*5T*ue*SiSI&Hnj#=9R~ZuxK1$O}9=Id`_2=0C6Z;fcw+ ztxo;cw5jr$_+C?nk0*qUtOKMg%F&1d-lW7v% zpug{w&DZH6;Zv&Z?p5V}e9OVpbfIS2cj^E28y+(%+1Gs2ED&dZrcuDoo)?_J#I85% z9|Qm8`Cn#B6wEbcaavQH*kmd;^Q!#jGn?7XJdL%Zn%HLlXO@rbk9E`M u37vbc^wGy}=klqiby}Srn|k8@F;-arzWE^L_cUOFVDNPHb6Mw<&;$U_sJ)v2 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..abfd3741c6643e2ed54972a56108d87e8044ea2c GIT binary patch literal 432 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|>sipAc6deYHXR_9V|2ZPqW_ ztzLFmy==DxF`&r$R)f{84){_CBSU+HniEC~y z3uRDP7S5vZRgv`q@6E|y9u)kPm3`9^G=EK`7xV1%#nJI=PoDag^l`)b&8Cs>>ed`L z&))yJiEqiQJNGxwkqtO?amxZ`-=I~Yo7)*g_OdZJP2Dlmg|X@{qw)V}7m1 z^jfX?wNBsbHKsRe&F(Z>-fb|y-)R1z$>Jdpt!{j{rs+|$#iMq|$7>s(v{*iEwR{Fd zJuc6Ib^%el&5NlaAiH{8UQP>nxvA|{m;I|rzORn2emytg&5EKor#HPhv-$1vg10M* z-k#n3Zh66noqeBAt^WP~>FK8cG9K2gqFYU0VsH)`A(dW7cGS*+@$k-G9;Qb+ktZRFe949V5={@17V-(Z! yp07(=SX5d&f+oGNnEB_})w1uGIX6xH!;~#F$>&&y$Z22zGI+ZBxvXmmtT}V`<;yxP*GQaPlzj!#ss=@{5rDy#wub4 zN}|`h{crXFk>9Nzzm0{C>k1q;6gs?|9=fB#^;S>7=3=KE<<6T+oVJ!Z?-N7lA?VG_@b~vFe7Jk=^OGB& zpWgca|G!yu{(qoT#7lzwf*F`uMMP!fl$4cK=gnWRVCCx7Z{EFo|KVxO-TOc#MV>B> zArg|I2RCvZ3J`F)Xgyn$(`=>Apa1@wH;FpNKk9qoJZX-yl8V)CuR@zAGv8f%7HJum zWA*ZvkL>+FGdH%X<@t9Cn3<9@K#{ZO69;d+lFjb29^JdZYd9c%DB z(d2cq$?H_J*O?aYv#s9e+I-Hp`CRPqy#z$_%dd3$U725cwaf2XxBqn@TGe*5H{j;V zmPeCP7 zf+d z0A}`daSX9Iy>;?Nzas`bZT0GTq8Ej?D{S0w@E8mCd;7zugbkefSMRvAq%^lp>Eh~H zvv<^=`F?Vf>`aCOg4Tx$eU6GSFh22Kvs|8+Me9a;LFN92^}an;9fCV_*2{%++q`d! zJHcB2cY)Tf1$}d?E3dzh4fl5z+3Fg?c4yDY6FnEczqVE5mfh?;)yP>P*Z!p7JDu6l z7HpFgqnQ#MHp{RXOwecevwFi#ko ot9^q{8_cu2w}g$!Z~lM&{WsQizB*R@0F=l)UHx3vIVCg!06geH6#xJL literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-orange/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..1fec7113f6f2db60e4ce6d82b06351bcb43a93c0 GIT binary patch literal 323 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2ANPlzj!zS^LDdy?miHtUz| zRxdlOUbb6;7*J$=v)1fpo!Q+6^LvfvPg*RWwpu=GwS3-Y^`Z@==IetCUmsrj{_yjnXEnEdQb}7D)GI9EImGQ&Doevf^*ss6x(D=sR z*0X61N6*ZNe0Y0e(>c-5^TJH)6Km!@-qbVc;}a?M;*7^q~ur;B5V z#p$z`PxCby2(SjMP+Gv$)YQPgWv%X~AOG)P=9zTi)P|&kzLWKyZJB8zdw7QG>f8w) zx}EPQ?b~O0>Y~fF_clTQyWaK9b$QHS@!$Zvz+(kA1@%of3M~^h9FfqNT{dCa6~^_^ zs;1W&s#h;al3L)p^oqRIgYDk)=5Ds}P27DizG`xh9s9zXM1R|liGB=BG8GIlGB+4J wTCO^8mgeCWe7H+q_fbXt++)?Z=cI42pXXKZNkd?ZJkaS3p00i_>zopr0BcRs`~Uy| literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..d915bea6acbaac19790ae892ac367da94f678835 GIT binary patch literal 634 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yx0|O&dfKP}kP%(Z`?5$DerCuGN z9qphJXRi`rsT^;se5B6pXoJVmM)z6C7PFHqW~W%(?D0R-;(epr?|hrjnmoI;`F5-G z?AI4KyqFexw$*!2r7Mu!RN}O`#A$bh%a&57o#ieEYCMiNc>xswxyKtlZ}$e?=?i>4 zGh%ZwNcLc@`;Ky#`xAp6Obp&y<_u)-u5{g7<+i`p>p+eBp*oMF4W1{OyiPZJpJ@v? z+v;3Z|TzI zD{kMtfB(UQhu=WpI|%&v@#EjWe;HHna089l=IP=XA|c6o@TT8k2LacEm*0N85jm&D z^${!Q$N&3VT~y>c#2JPAe+Q*9ygS(`#V8T+s=emnx9wB3cupTay}IS*@zS`f7v|lY z?>s5VLMPi~U;S&@0yCe7_?mZ`njxgN@xNASq2nm literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..e8d215f4713f6f1c5dd9e829d5cfa60e3bd1b0e4 GIT binary patch literal 1281 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_ma{0G|+7pkfLE2M5Ri0S*Qr zgPk3OCMB89O0~%LP|J1GSdng(?4Xw6sltL0hoF_ELvk6%M;A zopx3@HU{ap2J5v)=(mOIA8qhB*5G!$!Si^d=d^h9d8wBDF(wmZO)s{2-|X?f(d~D+ z!)Ill{mNXs)p_=p+I^o+4tY8yZ@;0? zVO@d!h9XCx%9qo_PBnWyof7(TTG-x7Hz2vW*l|ml^XX>qbwFiBj(e-!ww5}-o*w>c zM%acz$4$jfTS}aO3J%wKo^1BsSnPPD-u+~g=j)jf+e%$t&j^1rGkj~Q%VwaOQs=E@ z&fCjfc9gs9s&w65>AJVdZC|z9{#vgCHSPy%-4E7#AFA^>)ZlZt-s5P4=h4onV-21s zn!HXnc>$ets@4B=TfmtX@3XDm=h}SEbp)Po^SLlF{$hvkr4HZAoqkt3{jPTTUF-J0 z-tB**$Ny$;z|BolZf~7-r$6v+f6)DjK@WD!d^joi(XLrfrhvi(=y#wOATIpy@am_> zH$FeP@%h>9&(H3Bd3x*Xi+f*R0@3|%FYo{U{^j?NuYZ1g`}6bL-(Nre|NrlP#V!XJ zuX!awe!&ckOw25-Y+T&@0)j%q;u4b5GO}{=@(K!y$|^1{UcUYTfx#gWk9c3goc42PZJO8qZ`011Vh?N<7;f(kvfLvh z^xaBh<|D?QCg0oLr%!cl&z+OYAlIt4G5bVZsg~N@h)joI&!Sf+>;<~Nxm(?9KP+#h z^!MV8eKs%rHr*)I;c~NYyYKOKqW-~FjulfDWJJ_FzkK_;=PmpDaSZ#Ngl$gnf7|1A zvDlDb(&Sv@o4%8-h-(#B@l}`hu!qXL-)ik80-LIYT=vvSZQLhcJBZ^)g zwAa&bUN`Bek vbUs95<|zx6b0JmmtT}V`<;yxP*GQaPlzj!e%9mgyv_DSx7Ev5 z^H*J_FWW6&wOPFak{#ABI;>u{TfJ#5&kkGJ*hQ_Am*0wWe&t16q;p3;zU%vkRw}mO^8c=1cr;B5Vge2?1 zM!!P_A`Ay!S8r*SG`;x$zl#v>gH7uK-ZLgQhPt=|-!@NNbDulle67dV zY{nCJ(yIO|e2Q7VQqI<7%F-!I7jTM-O8Ff+!W}o`P$RQd+vL8&=r_hUmtI_T!JXxM ze5Ty=5GAg^zoyuH&v{VyR-|KV=-&Un3=BWm{p$?OY$VwC10BTR>FVdQ&MBb@0Pyn4 AlK=n! literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7ab1ccfab99fc75c8980e90da1b1a814774c5b43 GIT binary patch literal 825 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyL1k8U8mgJa4yn z(QNm!-R5PN)vGS^*PYfcJ8WLHTfT0$0kWTWTE1wrdDUU_y3O)MyVc8fiPCmxoo1W64dxHmcRX&kc+z6|wAJ$IrmknLmd}As z1)2#or_15hl)(2p`#V|3GxeOU}REIR8m$|*EcjaF*CQZcXDxa4+;s7im9t_ zYHn-ay=U)%gNF_uIePr$sWa!!U%hty#;rT|UcP$s?)`^PpTB(j`RjM3o!nDkG}wE( zIEF|_u08lX=#Ya5+lAc`8^m>PROhca!luQgrP}z!c|%jv?|<(fyg7TWPvn0gUujT6 zO66%Ul{IIVCOWQV+MI5%W+sE_OKYd*W(Ct39Scu}cKn;+v&hxR#VwvEH-^=dTV~PP zTE~5nf0TWEA}(}2JwJc``69unkO@XiZ+B`%ewDnXpy~ZVR6A(3$irxbROU0oKz)y z&eSQc2IhbDwtnBjZRUPTpyu1<*(v${W;K78bZE?&UVUa?P3`^^`C_>noeE-Y=ZlT_ zS6*>G_VK}NrTI6SpNYyWf8cmqa7k(Wg5J|{M#tV?e3aMoPr}xH^6A2?3!A&yZpU76 u@tJ?XV&0-MwrAnWA0tvy*Uh(jDK2{Mu(EKmE*mgr7(8A5T-G@yGywo3wwl!d literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e33dcf0ca4f1211d5f6646402f70e7cd0a4f576f GIT binary patch literal 578 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|@uGpAc6djUN?DiXDHb<-{Li#_-{|%`-{!L>&u(qL-ReC1 z^#u+uriGqu_1;tI3M4m`IBhO*+FjwYrPOI>xyykXkK;{VKm|bV@kY9>xa2lv4fUmyZmAYh8Zz)-ZCFJn?f{ e7I8fKu$S?Yy~;@?3-gdgp_c2Wu_E0n*+DJCRc%?0?ebjPju6AHFvB`OgSKFU?WGR8DjarK zI_<1*Yz)$G4c2Rq&~FRZKic4NtikPggXi%^&uQ`I^HMGQV@xK-nqF-4zS-k{qucLt zhtJA9`<1zNtMlwHwfjDu9P)HZ$mI^-T@@}HiySuwwCN9QRhcZ7p?vJw5!@ zjIa%bj+=^|wv;#l6&$YfJlX8MvDooQz5B@~&(|{}ww1cPo)P|LX86`pm(4&mrOsQ+ zoVS;|>?n8HRq49B(sgf@+rDbI12ygkYuyjkc^t0yINIQOtikg{lh?^6FQ7Bdw0NIw z^*-0;bH2^zVu$ag4&Te2ewP>5Tz_{kKI$AKOMx)b7zA0J-*_y|O=e*)2`H~;_tkF}q*1Qta#gn&ae%Y2;WT#{#BKrNFaNwQjm>sWO3iDGf zULDb53f$3TB&c-&$U}HUGZJ zan?yqr(TFaJJHZBgO2j&r-!W@2e^c{xwd z^iw_jUo?*=2tQ6+|7o|#hvnfr`P7c}%B5}*F}SukhIw-H=ewttUksYL@%-IWo;Okw z&v$!RPgLu?_IzTL!pS2|=@XwFR_T4MXVY7-tB*C1OM0G51iz;X+pB&XzS0%*N@qoPYXs1Me)Ma)Zww{x&olCmcVSo?=jY zcW3p!&DqNj8m;JAk#^j??~ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..69b384058a25dc81be7be0e2924ef84568597f11 GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G8UPlzj!e%9mgyv_DSx7Ev5 z^H*J_FWW6&wOPFak{#ABI;>u{TfJ zK5j3*F(u~py49y`9p9z?5uE&;>lgFpBiR>^Ijo#&9FYB#&t~cUlzo$!_k5XoM#J=g zv(&w`30e;pO=aqc)}7T6c}=@w>5MZcO*9X_3$ZNMR@(N5@#71j?vBcYr9jIWJYD@< J);T3K0RZ5QukHW< literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-orange/radio-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..ea3f389a25ad8b5d70159e13008a861508fc9672 GIT binary patch literal 705 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUU9J|V6^`u~51{|yY!+bv!+ z+r4bJdD&(4s>}R!r}fJYn^*0YuiI^a?B|`9FWPKgb=bUavwYER^|IaKC6Mf}eA#CG zs?F*}yY&koy8|d<4H9pM2m-YLxj=J(B0x1D5{4kktX{TRy@CsZlvx6~2$gMME8q%% z46so!Lo8tokg=!Bj4o7~+?|*EpvmG{tL1Z`tAN_ut=_LH`SJew&krwte|-7-tX~U*M99ibpJa{S^? z><-WKUCUJHcJ^iY{@Pu&?NOYMIu32DugPg&#IVtEu}aITiwjm6OkC_J7W``3#C4)+ z)8Zu;?&I?R)m?12{o&@XhbB}>F>0Ih?1*yexV8FH@JXdpw;WgA$(rWR<*9SY-th0b VxtB6C3xNT_;OXk;vd$@?2>=3)QGx&f literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink.svg b/src/assets/gtk-3.0/common-assets/assets-pink.svg new file mode 100644 index 00000000..c84ddb7c --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/assets-pink.svg @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..74c49c176c7f44f16a763c02cda6d6c99c261a78 GIT binary patch literal 550 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|>{rpAc6djR|zc)pW#EjAc~} zWRxyv&%T;9=UUF3>p64QN7Szltz8R5VfD{SS8j`G1&VKsYTO##x*@W0b96IMWM^#q zuDH%!@f~{;x(_7w9!TmtkUjZO?$pD{{fAQ~98H;cG;{LN@;S%SCLK$gd^~gNiPXs_ z3TK|Ens+K|`l+hIn3n zL`jfeFatBIh^UO5lCrYuy!i_jtX#c%^_zF^-ha4j+$;iAv((eYF+@U=_25P?W=9c* z12@lF_qH{ZB_&E7JoNv+ptbZwlSxho%XcrA!wZ@SxFxi;|wzb$+NADgNl zD6XBoc#S&4>7v_<-lRG7rj>KmH(V_%{xh@X*s3#ayU!Y#IcfDjz3|Tb^moa`uusn( zZi?k|=ZL-k{+e^$TnCR^&o5v7C(a@J)|qM1d2OABYm5Cw8G_y7eg!bzJl30z#mhEEHEoJ&-VoUcByZ<0ypzA^Md_+-F)bjKv2E)k8zEAg zqno$Jv~G)O-4WZqGq!zKT<7k1AnMwa(6u+Adv99bzJ%_5i9P#)C~M+@#NGo*eFu|z z4<`2=PVPUPGU0H>#3RWQj-*UH3PhZB97(@&;NIhi-(RN9nNmGjP| zPdigJ|7^yzvw5@5RxLPNweVckqVt(E&Q~uw-?!$%#B~?5W?igWbg^d1rL0+(CU3Z$ zJ^S+H4Og<~T$#M_TKBr^x$|z!-hOlTj+=9K+?u-e&VoJnRvx-vxa8rE(@zgwdRDsf z*}+TC4qbYF@Y3@`mtT~vdU4>=3n1grm6v6!f4=?n^Zn6Zlg1v4~Nc_*O^)GgkK7Q(M{*m2tV zw>>A{db9UET$pivWrDeUg&VhNcUP9;M8*P3k(~@44`%#Mf0@GV&(3E2KgYgnKKqZB zgH!I@+N{yF{YS^amNQy&yO;myIXEMwEXpdppw7O}-ax`Jz45zpmEPk&c_CHZjSjwb z-ANB31jGvJY*joABo?&ApZtB`;UD3-@w|L2i5J?x?a%n=^nCi?T1ANx&u=2YUbEo66m^q6l lhv}dDRJ7_r-SO!E@%P`p?R+vhP8yWKJYD@<);T3K0RU_a>t+A| literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..71051ac40b6069e8ff78102d85453da162334652 GIT binary patch literal 1045 zcmaKrdobGv9Ke6L>w;!_?QUyTop}_yuCw)SEj6#PC7U_(xNAZhArJ9rh!B&zwJb$2 znuLfXjq8dU)^=+Yvk`9*kGy`8jwlJ$ZluI5F(LMI`+wj2eBa;yzTYn^KJIh4i@OT| z0B|HCIsx(lM+$R-Y`+%*3pwXJ1gZc4-W)knhY3nM9x9%p#ayE$QiwD3p=_~mIjILY4m4dXn;;B!vl8dNAd^n2J7#>y^JA!Rp6C zRQ0E^e#2J%o>o1ORy~NT8BDK{;=Y%r*A7Eu)Q)7-jo|N$X51OYvqwpsF+6*Wz#b!U z#_^nS0(YFmogi=~$PJTZo{U&8%i_ssLK(AVida8YB$_H|mXjLf*?f7icshqaO>dqq zZl1~H&Ez)C(8aTvjdNtaBCAQ6B~WDv)Y(Gyx2@{Z2O43wM)(xW5rLwopr}WiE7o$K zXn7D4t*A$Lw^t|beV*T99GF{`Dp!XfRBHo@HL3E&fZ~NzwLYj?A5y=B7}mTh>fBK1 zH|jyNsNM_1_ddObhDJDuL6tNZ~;!s!NpY(}2~JH~itSI(eT_#)2mzgE8@Y_X-PdlfV+b2kZ-Egn;nO=}S)4 zCm2s0+C2Hzdl^y9%ovAlm-D{n8b`D9`6PFLJs*32@H4-&wS6D%5HG1u!76s!mJll9 zxDU+sO*s}hrF9fU>UN$lyZ$-3a9sl6{Bs%e!N)_5rViIf5xVltKf>3y6xPaqVbNYV z3_e+V*EjsZkN0d2bnQ>a++ly$vndi=*u&Sw!}^%&C1+*`{_vg6o3V>V(=VuX$Ef#< zmLta8OtS*X@e?1bEO{(Z_F0sd=1Oj`+;|KQ45J&rO7#S_QC?lRocJ{|2L1*N>?)i< zb_-mY4bsfywQ#Sl6QkwPxV~GdSPPX`7QGj7lr}7fBQs%m4rY literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..57ea09bc5eb569f862d2da8c5eb39c580aae57a4 GIT binary patch literal 1699 zcmb7_i&xUw7RM>`5$0pGWHPOp>7lJA?=&;z_)bSNyN!ZiAu5Upz8@%PW;TeXDfmpW zj1(0nG_$AUmuf5M%XPv#yS|=Oo>8=Mh z1%p5!J&*IQ-av$IyN(8+EqyyHfUrC6yl(;sWS+I{JM!Nw;eg_Pq8pM3kHr&{F!4B0 zQc{vtcuZsh788fFij5DwyI^k$0`07ZUPQP7i~lc6bwZOJ{VC3Yna+XHc8FM8Z-Nbs zVB?eHh9lY|uGk|IZIE4zjH`NxBm<1aFsBHtvDnJTsC0n(%h%r! z?+-`c8;z}a>X%WEBtJoAC`q;NNVQG=8H$Lqhsd-?0KSw4-}FXQdQ(8=TT;zz;)8lr z+C$&8M<_}Iit^Ym1E@6kQW{YdAlW_$X!)iAEnv%Izw{@58BhIhH2L57Pe5jKKvoL? z`sOoq_A^WlFEE=IOl=L!X$3Tx))qu<3#PRPQQNV(&oQ*;*xc>wWAi#f@;ZZaJ45oj zg7dln#pUy{`FvbKH@2V~UnmGE6yS?`LW+9uw}iMNVQ8_CSSG^V5)sRK@x{GiCA}m@ zZz4mCFBXT>#fkSMp(T=Vx+H-i0rI4BX((M9UMkJzNONkW)EZeBU3RrnMy{6S)X2k1 z)I5oH6ZtN|K#Add?SO_9n{ zBwB?;GAS+PCBZRjHm#Wj;Z=5R09(##l*aHY+g1#ub6x<8()x(t5u6? z)slLCX;roKX<_-(2Y`>C0hZNk0ROCRd|uny+WN5tHV3>>B+=Uw4%(%qtpheNG=Y4* z-_*?fppC7aor9y3lhfI=zedHxCnjAT=d@kN|@f`jeGHL0zZH;<>8y>1&@z*cJ9cNb@QPzQUVjw1!r(mpXoyY@wn2RRr zISvz@PdEn2`7ow~Xb&!bXj&G2v8Pc{6zt$8ILgMIgCi_CZmzNWh!=mD{F66$66>N3 zef1Y=N9B@MY9V!2Z@0`jZS%Pys|DWCKf!rM-Wa;@4rdu8?l&$LE$``U(4+~p(iV5C zvsT!jXcJKyKkl&1O8X?$BZFRBn3V~~4R!XCBW^m1{D0~`p%C+L3%j$zL$4CIQefbKn-)-On%b9V&ME0qU=>V(FyIE~+w z^9O|!56r8lY;!!XTeKz}h*WZ!x3khCSKs>`em890mBK4u-KCk3yzf$p(v~=NVz%z6 zQ@p;(B?2S8IdD8dA7!r%6Z1RGQtsDshf2oWc}~WYl9x8?4Dy+LL$-sNw28D{x-shh z=fH|rhC0}%32VuDOlm7@{@jjhoY6g%-0os=-gGeFuprBJ!enxzZV*QCU9q|~o&Fn3 z9hGci1dhnAFPM&{~;9g?_@Nolec!B3|_hnr;%cV1fd-&243Dp?# zk?C`7rkme+q?P}2eC^2*i^`y?^X@0!TG&dC7988lP@c2=WhmDWs)rqE`-aEtd+K2WNaoTp@y8m=2%*dMB(3~lHHL!koRK50k*2=o!?ywQR5g&e9>=PTJJ8=5nvhO&~AC_MDhq-M1 zVMP5#Ra;9aT@>A}*(-3(Owunz`)q9BP%>jHU1oq<6Utq)PyP(q*l|YWAo^Q>=+^d! N;o;`#TJI7>`7f4&V>AE& literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode.png new file mode 100644 index 0000000000000000000000000000000000000000..0a2007b87ce946e7e9aa432332621f68307afd62 GIT binary patch literal 584 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprS1SJ|V6^`fBK^+qskOC(M5w zx9~~y?5BzIp2p328aMY@{Oo6ObDqV{1#{EM z1&9{BC|LfYaK($F6)%cczARh)vV6^}s)&p_p=YZpL6KT-fLg>UjMrP z#@B;4zn_2j{lcRkmmdGP{N%@#r$4Sf{qy?spEsZXe)|6J_uqei{{9D|fB*jf|NrQD z)OMh|#Y=+xf*IJ@IizJ|b8_?Y3yvK>aq`sp3zt5A{&LM+Qy8e^lc$Sgh{frvS8fV5 zDM+v;Y<7*_vZm+T-YvEFpZvYAeRQJ8hvhTZS%shbaMsZwaLRtqZ6Udej!|iWy}O;5 zmoA&v|CRCF^!ewEm=*^|G%xgA$m=}YNu`s8Z`u8W2cO#gXZxlv;V#tF`1xr7+wbQG z9_G69On-c0Zb$U?qrukaZ@1W#@PD-9v-0ohOp#@F?@#z*<+e9DDQ@4zuT39s=bZoY z@%;{^Pe;FThRK#~s$EpulX9uk%w|sQWj7-atMZfkrYM)#o?ANSYg6$i{_o-%KX=X& z2}{ffh-g{pwlJ!F&eWeVc9jlMJAafed(~FpTIPCMqkgjarRYqB=jWFc0DaHk>FVdQ I&MBb@0JI}6kpKVy literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7be7a896999e6fc5fae30eb2ab209333cc31b325 GIT binary patch literal 879 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt*o@d_r7-^rNJ?kK-0TiJtv5 zao)4Ina`r;yojCsG;a2@m^shl=01y``y_7mllZw$(76`{`~*{zoInnJkZ0sB|(0{3{uiEvU2i@{sDo( zAz@kBIk|cH1%*X3XU&;Af7RA)+jm^QaqITSPoKa1{`2=ATVc~p1_s7co-U3d5r^O2 zxEXZFL4Y+NrSKqc$Pre-08bV+a~DBYa~Ido|K}$+Fik#lY3@s#fRJ~}p>uWx8~b>; zD-?cwB zkJsv6zf^6ey+jVL&g#d9n-45}E_hXrq0e?YM@3e_Bg-Sl+HVCn{l6E&Vyk-NUun(n z%pWIn z)AtLhT=DyYvX<=~*4MYPU;g{GbEB;6)xQ_|8&>`(JITbT{>b{tL-`=(jqFu+^QyMp z*qy}KwB|3@_u2pJH+*Ikimy3m@u7uH%<{twHo3xtS!{VMf0^VS$G_y)crY)6!{x^F zPfZy*n-^5@TxCo%akiorInF(f4b7n*IqxZtM$D2W5~XacbOueXK(bF dVX%3+ebBMb>;>!nG=a&1!PC{xWt~$(698i+!4m)g literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..1d063dd1131945576c438a0ddc12b13ce4dc5ea3 GIT binary patch literal 416 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GQaPlzj!z8bpfcJ8F7adV%> z&3PI-=V{z*Fq-oW$c>wGEo$<$)S1`PXWfXMdb4oht)fMDqo>`Ao_;@e=7X3S53(0L zjG6f`cGe>xN|^IFcJ|}UMNi^pKZ&3HBzgXmtVJL*Q|3RfS^MSEqpueqetZ1p`{Or1 z?!Nr-;PuaE?|;7i^y~eX|9}7e|NsB>^q;Xn*Kn5v`2{nuvA1`0c0GCe?777EnG=D+ z4W2HJArg|Q2iy4$1~52W%of@Dy=KRib>IK*PhT=g?cBrotrMd>CUafbu!L`mZYJ}; zmc3jN7IWsgvtG$Hc(ZB7`KE?-@2;QK>;74=s=-h1zopr E01HFPmH+?% literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b846c8ebf634d8303e4ccba1116a7f3b977d37bf GIT binary patch literal 675 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprQ`}J|V6^`fBK^+qskOC(M5w zx9~~y?5BzIp2p328aMY@{Oo6ObDqV{1#{l%l2^SNmTng*I z6h7fH5M|E15Xf7&G%>?5u~= zc07um^*DC+TlnPqE3=UW&>&vc48t6Zz`#QfXFd7q~+v|F6uN_c!gjN!fI z@dI~X{EYwbh3zvR-;Kl83_j}(6{;&f`hKX;p1-Ny)|6p3%VxRg^ZnZM_Oa~#$;QFv zbGHAq-cu`!-#qu(|5jf$uT5*XcJ)(uO~<|`K{wqGr2eg8G&;O#^|QsZm*~28Ca&B$ z>$=~=YQO5lGq3+QwmstB_4;paL&4Nno@YDHNjF^Vc00WIVqDXH?!znMJ|{C4$@sc8 znD9+vieO!H{y2+5q05u<&aSDaa$<6SD@ZCwpX5J3b<)3#8|5>A;m6?V>gTe~DWM4f D=BZpA literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..0323283e0d9b8865b6bed78f1321c54e2946d013 GIT binary patch literal 418 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*HDyPlzj!#ss?JYC2*n#w8*HExY=-4NNhIl37rvNN`Q zS6t`bgzf{0y$6zd4=48@PU%0IGVw&}&t*)%kTnx%=I#82FUwZHzxwd~^+%uX zJ^yt7#sB~R&jkre16?Cg666=mz|1NlDkG<)tgJe3{(=Q7SFc|E=H0vZAMP4AivZOW zdAc};NJxer+{oADAmVb-`n0l^=+xf-|5MARsi+-#B)wRgd5*Hz#EdsSQ-klvXUY|? z?K*vS*~EA2FZ?_^Uvk=_i`I*qQjW7cQ}B>zT3;j8#PV^m2}@h2Zvr1vu|S-)S@+?s n8&=+A6!JayS*xonW6n$d(uI~{y?3I`LE+`;>gTe~DWM4fSF)ym literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..78a1fb44dcde1d2c91c1d82d9bc8b0c74932aa4d GIT binary patch literal 732 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmi0G|+7pkn+$Q&h=7M#)TC zLr+Sv!7irBF+SfasL(R-TZ-{IJlDG30-pOC|qIA`^m==)A*tYeNjS#8L z(al?9TDQft?uc#Q8QZ=qu5)*M=iY?weF@zM5_=CO^&U#;JDl8qIAy|-B zN>{!pTlKPR_17nFzCL~P{ndx>Z$AEf|K-=mufM&hK_zokY6wZ zBdeg0n7E{jtemQoqbz-N9V*zlP6!fa`oEn+qduBx%2ShqetJqef$37hlg*4 zBruFwJzX3_EKYBoywUHl15aE1eanlTAtjDUiH#FE#qRxQOnAz9W5L=W!AW;4&73F9 zTDH^gOZHc57JVycFexM<>6V~%+suU1{x^Q{FF5c+?YGI(!*OTN zEK9!j_2}_E3lgqOkG$m=SsR?vnlI6ve?4+xYef?0oQG%G9-UpGKfU*vchy&e8~!2l qUOE%Uq$uS!qd;s{THA2dhMjm@<(hzDb3T>&t;ucLK6U3PgN5D literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..9139ff2315eaaf8f438b2f2b11c47912908f8e54 GIT binary patch literal 319 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2|lPlzj!z8bpfcJ8F7adV%> z&3PI-=V{z*Fq-oW$c>wGHGJZ=h)Fjir`(E~`Y>kZ!`NAmVrM;$o&5x)Y|fV(PruxJ z`t8QE|NsB*E7b@G8pmA{6icUx75^n3-5okd2>$ak}0RCcULfr;B1MeJV)gt@yrbJbGYTSev~|&q@QqJ zoG+TeY;#gtd%im#TX=}IKF6NcpOt;5t-RcRKhH02=6$>D$==gIn;1M@{an^LB{Ts5 DpV5Gu literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..bf8497ea66ab9a18c36d721a2c3ad4d663035ae3 GIT binary patch literal 479 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprYOYpAc6deKmB|?c7QC6XrjT zTlge;_S3|9Pvho1jhp){e)hAtInQF}g1K`*?6^5k5Zu`iaUgjzxbswS*XiJ{Ga=n) zL%Pp}^xTY`ayx43-S+kOqNm^Q*zh1`#>1GI4`XLNikQ6e#(`l zd==~SS*|lwe?2%m^TEXMtoXa72lSWg*e;8lbf9pb-B-oP!r-6}GizT>lz+ycaG;U> zz|ltD2A2r=S#OgfIyk1^%@RERd-jyP+~QeB|1nvz6fcz875E0|b_P#ZKbLh*2~7Z& CKi;mmtT}V`<;yxP|=?NpAc6djUN=72b7rwSKCHK z>$$`kI!EZ(#Tz&ti0?U&(0e$(Z;aN@3KrchShP91d0R~D&e--{ah-dTdiExCA4u#yoZNpjW#Wm{ z$)_@>0j)TfG5vhzjEh;buI9|Soxkw@=Hm~xoOrPHi ze8ug%_wPS=@bDW5d>$#1G2g#znW1T} zZG(B!kALe`BR(8@)?jrq<^Q@=2F*&PES7|Xd%Qmnz0KDQm6+B(J)CoM|LZ*~7uxQ% zZ&x{55VI{K=zp0YgU0VI)mFAFW)`=VF5)s8V&l{hX j|GL@Axa3J&7Rv|zc?@ZC7edWyK`Fq~)z4*}Q$iB}g3=oN literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..7c84a9f5b194187cb89e2d9de089f4eae3b08955 GIT binary patch literal 1270 zcmbtU`%}_c6#uHZ7)_%kn~!SMR=3%HXqv{Ut##d0bj3%CP=OeNfG<+$3rQ{xnuw&O zgys7&mWZ#+NBN2@pJfk=Qn4~0#5>bAADD^je*GKvGw0lM?zx})nRDjO+^o=(e{F|5 z!T|u-j`Bx_LD6~Btt_AwDan2eg{@3~JPQE!3OC(Mr1?sNiVkdF92>)kW^>3O4d8G% z2jddyEDD)PJIDZIO6NTs0l?fQGzjYpk^d*G04qqr#>xsxU;qp6Ekc8f3u4j1031VA#dPlgR6VLA=2zY-G`JN>Q8YS&!je-;z6gX^VQl5bwf1qN3cf2uDegnQnPED z@R#m}^PfiNHJpYxsWRf_*6?&ayH067a3 z5;7o;KB?g@f#1Bz;X_GVgrGe_(0Nwabyf)J%ObNLL|yGBU3o~l@`#!X-R+Ia>0{>i zQ$z!lYlBoVB=v-rHx!#c6qo-r`o^>98_(&5FJcOYV+)2k70_Jr_~O^`C2!(OM(CxZ z^s=#YW#b7Ir3|A zQvtwi4u$l>+B;n66-3&S_rPYR6FSnmC+6nY!F}W?&i_^u>ZL`pXEa#!rWM^$6V(*=zW8*qU7I=KO*exK2JWBZ%Kg<&x~H{ zQbq+Ge>9aL%~LDHT#sFIB6bQ~_$LSXy{e_^n0%7T`h?q&&D+|6niGGysX2tr#<<^3 zF)jNL(v1vJflIC2-3j!W{BoT=J>=yWeBNadH!efm&n^0ZLh{aCb+19-VSefvZI||! zo7D^|2uhl&QL&yB5SA>qOGJb}x!w6%;ipu2T)a$<;s2BLqBZAXoK5>BapwB6caz() zVjI`S*`jbZ!zIwM-u9*U{#;mFUxr)oD14RR-_z0H;%IxgMTXR3;f!2^m0S4+3&Krc2cA8h*S8nNF6_=ga7D9AQ?sW7Ld@MVD zdNSo-5rJOWKxOSN;(o%X+p;QUs4#v}_v$B%;h7XK$Ch}ZbVIlYvm`Pat-NXSb(k^0 r-NGD%1H}PP5!T!EWwT~lwEuUD%R#|MG+dtb<{yOeJ&C;IO-la{z|Uc& literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..2cbab619aacdfb7451bb60f53939f531ac3cb9c7 GIT binary patch literal 440 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GQaPlzj!eik|NdE&emvD05h z&VH3J|5@DJCvmf%#LjsVKlf?uoTqWKpT^Gt3O)mhfW@E2&3PI>8$^Q9GZ+Id0%6>Y zobn)k*5laOPu3m>iabl2|9t()_nXgu+OAe*XFH^RIVbe!c(l`~BDd|Npbt z%v1!rMy@2tFPK3@R7_kVFeEfAqM@;=xwY-g*>e{ze)#z5^OvuG|7~H)xdv3(>gnPb zA|c6ou+i(Vfe6C^@3_f%qN30K*FQRNFfDSD**!)Ej{rNbtGBWh5`XV&`dhAkqb_Vg z%q@XaxvU*G(trF>(w%OkzI6Ksdol}r>%8IRor@O5#DPQy^`B+mzx(cli%~?BkmE-K}ZQ)kRzPb22deUp(2+X;q139MC}wp00i_>zopr E06`PbzW@LL literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..3d616823d43bdd1d472bbdb9b3b07e84629cb0e7 GIT binary patch literal 819 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm80G|+7pyK}w|Nl2MJWrVa zB6jx6q2qO}vsm^Je6fo3YdG&E9oCdd9<;nGa)U zJ&K+6ICl2qxqG3`NS^nsVENlcN8c|!{^|PT&o`fbx%cAR?H51qz54m+&Ckbg|9t)N z=iAS}-+%r4`TPI>{}+3{qyt0Bxg^Lhn1PW=K~YIrRbAiE*u>1-#@@-r%{?e2JSwKH zzNxvbefOTd2M!)OeB|iylc&y{JAd`s^&7YD+K7Ic3?dPxGm3DGZfe~Qu z>Eak7A-VS8^B^We5w;7`Itk*^O`_G}DY^|^OkJC}->|P(5%KAt{=+AEYR;eKp9k3g zRJ&fb#^>0rxVZvX&WhW$C+hxM;rxIlx9`uDG_zK|lag76(_N>(;gM_GwenN3Ge0LD>t`5^*|TFtH=lI_Rqay+h8YtK=>B*>@RV vDTqBXNcw!`^oyV`CUdP~`+EZH|1uUIIu!Yb@#{fg%rJPm`njxgN@xNAyUL}L literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..6dbeda9f1ca4cb8cc0713ef4db0426c458a6b8d3 GIT binary patch literal 578 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|@uGpAc6djUN=72b7rwSKCHK z>$$`kI!EZ(#Tz&ti0?U&(0e$(Z;aN@3KrchShP91d0R~D&e--{ah-b;x(_7w9!~B*nlkZ3>SUnd z=Q5_B&zx~FYu44AIk)o{ez^7IKkUynKN(c(&Z~|-@SkT!Gnk2K;SzF{P^+X-@ktuQ}1vCjacgG;us3gtKtkFS&?Lz*s_+@W?`+b``VQ$0EjIPxI* z;-4=sZ*2QK=UEDy!>N4v?+22nt2U@l+rHnmr#b8T1TM!CeZ^eH(!9uf+7BYHxis!F z^!+Yc;9I=Lf#;l}EMwMOCn>=XXMX)K_bPVKl5Ce>?7%Q1X3ksY!%b%%Bu~lu7Ph+1 j){`fGPRk;WM<4bwUb0s?sbpb(6BM7Gu6{1-oD!M<1@Zg` literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..948429d53e6ebec41f76bebb7ee9579fa13e221f GIT binary patch literal 1156 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s7k0X`wFK*baS4h9aO2?87( zKn6PlI}r7IXHN6Z%{KSXweVjWSe|U)nQG*-EVyDxP-UxgLc3F9wOv$;L)_M=rtML! zJ0hERMz_}4#x>g|v^plXIK~}F=sl9ydo+3C(c}r!JhNx{=J$JK^t+{>O`m=(d(O42 zxfe2KE)S_%5mLP(q~?6a^oK>u9u_Y>pE+YkOxxP;BesyRaQ1)@*(r2YBPoz$KRJ8nQ$;w@EoliZPMy6pql#KaUGkY znqHKwd{Me;ZAATs$cBxPjX;ruiM_{DCjz+#5_^xOOnOnaYIAf8P|b_7)tjT6H-OYM z0~uRmTDQft?uc#Q8QTste|LQ6-h}Rb3Eewy>{c~?b~_k_jY^>UZb)p)m- z$6a(~x1i{4rN8ToDl3wbCx2gBzoli1Oxp2DoV}}#2Jy%*PZCj?)Np%OX}NoO`SEqS zpJNm>S2X1G`u1&^;00}NyBL? z!KE9{oo@XU<}8%?X5Oj2{8OzTZgS(?^6b9rk6TQWRkrQz-6Ap#O%)@Boi_|5p2A+@GPU|bp$xd*ba%kCeK{F?ziH*k|pLdeYO_{5v zYWV!uWdZYNi`qmI6R$R_hrV0q;C4ae?y*m+`~Mf`s^&B=J1Tp|?wiJg6FN5vKS@fS zxl{0Q;rm0sBscJ^Qpl1l<=*!G?VDGx?p!z9&ljVuabg0Gym#{|&fsOaY1X>Fj{ElW X@mrSOa`W2`DiJ(g{an^LB{Ts5F0mEc literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..28112fbcde5ad4aa3f6001ec5fabba1bc5f31fd0 GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G8UPlzj!eik|NdE&emvD05h z&VH3J|5@DJCvmf%#LjsVKlf?uoTqWKpT^Gt3O)mhfW@E2&3PI>8$^Q9GZ+Id0%2SY zpLi!~8j$_*>Z6a>9)G*}?Ay)f|NsB5>%M&jXscXFkY6x^h^UyjL|{m0SVTi(Q*&$E znX~6ET>S9y)8{W=|Nh&;lyeQJve47TF+@T#_uxYzCkKhPi|$T=nn!P`tUvYle$unq zvX9$~Z%m1Ky>9hsTgP{)e*`Cg=laFG`AGJ~V-72)8V6)Q<+E9OKV{z}<~?6#p3yKp z;4F17ZGzT=MN^qNqIG9=L|)UbSUTg(NfXV3??NogwUxI0Vf^?)sJo*wVJXmZ22WQ% Jmvv4FO#sPrxXJ(k literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-pink/radio-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..37af8f09fc834051906ef6f0600b2d001e2823d7 GIT binary patch literal 705 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUU9J|V6^`ai?}{|yb#6Xw5& zo&7Rt-lO=Lj}zuUjhXu-X71CtInUx}KZ~9FIBw44*m=+5=01;|_at`q)3|xh;^#h# zo%Jks_LDduclI-&N+2V4&eOQLKxNNj=R5(kfl@$2fP!FUbDqWn*$@OaJPxP~#DF5G zEK~$&CPXhn0mv4ZVh{slI7H-lP{-Mj?prOZ??g>|6g%rN)M0bp^zQia>f_JXpMJmn z{QK>fKkvT$|NsBSHvRWNpF5WX`2{mDGASr3DXXgM8ycIKncLVqxwyFpg@i}N)YUgN zx3%xyv-iNkLx+zXJ$~}knRDl_Ub}wd)}4DVU%h$v{==uwU%vhP^}Ete?kUi?zn(6R zArg{n4`xO)21>9!c%I?dy+}oCX|4ORO(9+x&m3p||DSH9ziwyRu{rtgq`O7DW#gmX zZYvGE6EZ{mwEgAex5ou0RiqrKm0`5@Z8I_YaPw_}pE|SuqLUoG7HLWRJtfNxrY?8n z6F#-b(bsWF#umQ7B^MQsSoZoU>U15v@l}#vW1fQD3d{X@2j)A!<$W}FmTeKUo7q+| zm)==-rFYpKp69!ksnG50%kurTyK38`I3IN!+E`zc)4qsdqvK+gmQ@!QtTLFm*ikI_ z)wGH0MAN3lOD^2U<^QX@*lzp7&0h~qsFGsTHs{$9< + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..c9dcb0acc2c472fd9f9cf82eaaa5d69558a7ebc8 GIT binary patch literal 529 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|>9TpAc6djS1Am)l|e(lth(g zr!1V6x@dOV;`+em+Q6pTpyp+H>slkaW~VQ12yJT)?*x)fVI3{uU2Ty)?NNR0(Y>9~ z6S`w2^~6r@jhoUJKea!8+JwaE6BA}kOqww64RYO-`LPIdkUJ&I{3JbC;6)rT+dzkGTB^~;B^|Ni~^|NsB_N3|z_UJ@+{@(X5QW)%^Y zkyBDuoi~5M%GImiynFZl!@6^Gfq}&^-_yl0L_(7F;6*PcM-he##*cG@MHVioS#|x_ z|9;M2EiM6uop*2Uy==MgS`fqDbT?TgJBItYd4Z3McQM~Ku zXj@BI2awwk+S(l6xh!`rP^2-my)n48DYSil=CTD@%U0xXXbJCZ2x)Bz@2U@J1t|z? zZwl)Gst1a+M)b5r_OwU!bpTOxeapvT-nNyNxPtBM!EqU&=lzG##=FUi+KO=R)jI8-H zQy0uiTR10u@!Zly^GcV@FI&2xblHNkWedueEy`ZGsA9$P{PimeHmoezxVn4&n)Z!r z`!=nguw?@XZQVR^$F}Lax6RnKedg}nbN3%ycI4FdvlsVWxp?5prTtef0m%bbFN4sv zPj5bde)r|``!8SKfBE+5+s|)5e}4b<`{(aJzyAFB{patWzyJRJ`~UAh5Nr?(+6asi zy^o^+qZAuxpU{?!$*(4ef#$P z#}Cna&l7?1TH@*A7-Dg{_VUYU#z2vVkBJ#Y7xu09TD_%xk;c@rT&L9+_UYd$pY?xt z_4yl8$KIcoExwmtv$H*s!}9b>2bZH8i`*1~8(3O-o>wl=Ty5Oq%CmK8R=_1E#@1g2 zVY`?DCj4jbwG;VJea+S8pM%G8Hp|0Kl^3?pnyMecq;uGDZ@FvJb~Xz)R@pqyxf9Ma zR4ifUXW+ckEopYH>_bWN1k3yN&+7R;ayDCT+-pAXdHzSi=E#Y$R?pXekYt{okQ-^S zz3`t&v%SF#r|TQn7gy!&z4UXjcSU#O@{>S+z8GO=EaFP`oj?wK249MgE57@Q&#zb7!Q?YY1s=3G1v6 zX$8rKwgc5Shj+F{bhk$Iv_%3@Z+jFF^>qMIG!XT7M)h|^Pw0-B*c~&eJ9c7E?Bre` ziUXo4eQ{I!;-~hU)*=);(;rd_Fuhx;M$#Y_wQbKaPPu{`u z%E-zotEyUA+u66ZcXUpiGv5d%8G= zSoB`K5*~fXK%^ltCF;Q5?{0yG&5syF*xxlWi{5#3uiF34jr}>3r+k~@^u9K~>Qc@5 z$*Wz|e%n9MGF>XV@QT*X4Z%m2K9kt)+H+IWs&#?4##jC7=dOEB|2tF>aO$y_SlZ$U zjSC-_uf9}c9Qbq6)R+|~XHT23`kB+JQ@RUhJ#t!GZPT>V_fu*1&jKAL{|D9GK9?4% zJ6z7;Jmff0bJ^mT>qAYN3l#1=(SG%!J#h=e!tNW9$?cq%V!uBY<*44c_rY^1Ik)+R z-PWESCa&p7E0d8Fl%Q_oUCHEBuh#)s*ip8tLxVa zo?Q}pQ#2=?dcDX%g-c$(Hf`d{up?9EE7mNTae3;*`L?M&Z~p&acIM{Vw)XNmV4h`Q N@O1TaS?83{1OOSy=Vbr@ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..dd3cfa6a17063385ed9aaf04d6336078fb4c3323 GIT binary patch literal 1636 zcmb7^`#;lr9LE=ubX-nJrKof{T~6wFRELTv9&svWw%L}=hS4aOam)xC)-KF!nAw(% z#bz`V%Bd4_%O%t)p)D%OagJLmGMDpJf5CY_p6|=&_4#~$c)uT?$A<~_IA>&NVF&_& zjNIK^AV3DMxPdMZYrAzMKw2B&hKvG%Ea@x0it~ON4~Sc$T@lgV;X%=|q7qKwW{u|I3gkFusmBKZgM5afHV)h?hMKW)H(V6QFho zg#D#7UtSuDm*&g;{Q^1qd~DQ3aor4p{fhlCKBr-TL4or>r zqyWqO;35DCp*X=ig#t}2ASe={sT2rJa=EA=M43;JQ(+7$l#u{QDGIwK4wl`xd@~i! zNP?!Oz!{40az%JWst;2TC`t6DQJ~kU05EzojGpSll82Xy<4i?R!my)05$h6dxvVi-t&}A=0lS)9FYy9hJcVKy#QV4)anb3jm$T!ep}ixIm{X zEu*<<7+yM>myY4F(OGOvHrp?Y?U$W_$;rTGbNu)mYz_y<&-Ba9#O7w=a=BOm*I&TH zIe0Y0!yBZhzsA7O#MFG#<}DW6EUoNMoOEzJefqT1*(+hh z7*cFJ?K+*oO3UQ(cscxA6}M|^?>}g1ZGGI;-Sg(%@W_YJFJES7=f2s(!s0huT3Q-= z?~MY1bWPn|oS}%u@xHG<>%GkCBagW{51Hfh#Gs)FG=fbO> z!+qd_eM&`{sv7Z5=5)|nKLi`Ae9vnuwLwAXRQ8lH_mI5J(8Lq z_k5mHQ5Jhc1lZ%Ycq@~T;RJm&Z+f?P%Wg}9!71=&6uPC4<}5X({3gJ(sE-<)wR-a} zWF*M>9_aZQos$9(YLx-F%b2gb1N*nvSXiBXgSO6WwTUNQr(?MeGuCYE2SAp(s0#eT74bLRB?!BA;X>8**f+YD_UR+^#4%xU;cgeWLul z9(u_+_9C6(39b9zX7= zd`pf`n`@)ka7;@dx|8h?qhrOIgzCj6hWuF8r`O{LoX#{{vwn?Uwq6QT=W+I|8#%q#_3hU;R>mVA z;~2~u%i7p|g2qWIxaw;6k4$|t)>|v%p!k?N_J?C(9p*->@8~&LH{ZQZXQI|s zlub{`b0eYO%5UXC3b6XUmhw6K!)I;ddiE!Brz4J7mOo@`g}F8x42zl2<-{nVFNS)w zU}*35GYxFVR0;~wIq^i-$QItIsaJ0cECWBf5EG$qJGT#e^rW56mM6(OY{?D*Z4TTw zm5Vz)kga{YuROTAy?&Q@C3)R_nQkn_aK0ST(W9i!vFaFJpm*y17{)w)$>AVbg6 gyvno-U$vVSS2;nHhN+MBdRKmYcUKP=)fsH^e}iHtg8%>k literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode.png new file mode 100644 index 0000000000000000000000000000000000000000..4808fc8cf4783c7cc09af7e3e02e448b7bc18664 GIT binary patch literal 576 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUmFJ|V6^dR6GENuHDDC(NH7 zx^Q;%l6eu!XNE7H6~1I<#G+Z@i)V)~nH{kN$N(X*2$T&Gfs+x7fy(B_ESnd*Y+l^* zrCDp2Wv^SFvwnH*`jrJ6R~2qtQ@VLm{mz|T`*-&pJTU#(!5PP{?z(wx*UjsDZr|8< z=i%8W56?Y$eBtSnOV6HMe*Wpz=g+UdeE<0U@9)2V{{YcHAo&0PKW}5r3ZRR{OM?7@ z8Q9o4q-A7ta`W;FjvYU7^3?eYmp*>}a?M;*7^vifr;B5VMeo(iH-(xMMA#BG`P|-Y z6s2?f`(3kp|Brgfcrx;zD|uS~l;{2*cL%{!KA)btiF;pKJAKOv?QN-A9^U<57~g5v z&lNq9m}7LKC2_8!bemc8hQkqzb2F`8#JvA(Qc$6)GDYCa-SEDUf{Kr_H@`nEczNvZ zHg);ERaL^j3@luKv+Sr6a#DS7VNv&EwYfO|xs5xM9{+l~zIwCrb@hFZ+fIq!SHD?$ z;pF#|=M1M5s#||Z__eM*bV8Zjqgu}J9d+D#57&t|1=sHQ?{M_|)x-^qhozcTC8T(= xbWcQDvQ6akSlys>@yx6e_p+-e7M^*+d|-Ws;ZcJ-20*_vc)I$ztaD0e0sxB48A<>E literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000000000000000000000000000000000000..45838a7b245442632328a40709f6853746d106d2 GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt-Ped_r7-^xTN$(?b`|j$Se^ zV)@L_MRTH-&JJBPJAC2Hu*I_?mdpxUJR3~T3STliV$sa-#X!c)h()u)7te+e@Sr(SOMq6-jajxNea*7$b<1Zr(fb@czk%_fI`~bneNc^G_dLc>4Il(@!ry ze|q)#^Xo5P-hTc1?%VfIKYo7s`RCW4|Ns9Ret&WU=xyDSAirP+DQOv5IeA6@fWY98 zu&nHy+`RmP!lIe8=FFYHYU{S`JFefjb^GI|&tHE3`TLKpu<0fP1LH|g7srr@!*6e7 z1|KpIU`u%N;Q)8Y5oW=FOjf3@u0Bm~UjE)_T$^U>IXTUF zp@QQw{f)gb2UAYWXpJ#ad#dzO=<|%CG{-l(vwf7^VxHuN&j{1f+$XMYd^RMkGVV&s zEyF`H1@i?rosQI3<%;NHDwsTR5<@~CTN-194>LD|NyY+32e&h8n$72~TL0i{|JR7m zf^RCt1UMfYU|wW*L!v4#P&%h3TFn0n>+!E&i~ZSizy1tbc*D8j`Gws@6`}c?@4VS| zw_ne$_3O%mY1cQ!B*i{kd0^jjp{MhhWUBZAAD%ooF}zm;Ftx6q>D`A}4lR{> z=RV$2^8S@OO|kz literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..a88f91a0bc84e806edea5bd9451d663dbfe344aa GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|?f)pAc6dy()CoB+p5+!xzm8 zTRba#$;@yd2}WUyXNNDI7&3Em_?)RBbEk&Pn-)5Mdgy}b;R~iG%%2gqU`E)&8Ho#K zhAo;IzG!B|B9N}gMRQ}8&W&9}B(FmM=(Nz941g0w5!A#hS8B56?e-c;WHG zi%%Y1c=Gc0>(}?+yngid&7-&PpMLoC=JS_#U%tHm`tR?*|Ns9#@7DSPbR2g{kY6wZ z8+&_4XV;Ub&z?(spE(gI-0JD#7$Om#dj2L~lYvOfLq^RYkvo=sJKl3gz5Q)JM?BzC z%m2K6b4)ZZX!e-S-onLjuAjYs`5e9_5h3$)kBMnKK4`F<**B;wa_?^jk-b$6PE&WxbaDLt ax!&r&u=r%H{g;6bV(@hJb6Mw<&;$Tj+R76E literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..5cd42e65258f58d06c5aa498e5192518903b3946 GIT binary patch literal 670 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprTg+J|V6^dR6GENuHDDC(NH7 zx^Q;%l6eu!XNE7H6~1I<#G+Z@i)V)~nH{kN$N(X*2$T&G0h7G}Q+orZ^#M`f^!~u< zlY(bY2BA5VV`fhYnL8DP=1mI)n!jL17!WO-kurZ~*rJ)?AoFKMES?p;a8C5ndGSl< zB`jZ@zItiS+GV*wv~ErL=B=%}x3=!t+O}s~`<`tRcW;}td;7#ad#4{fGVkQMtrstC zzjkTQ)ysRYeSG=(^Xo64-+cMi0|_l1 zhvirkKIm1~bj1`Dt(m{8{%$#gjk^4GgZcgC&ehx&f8BiE9XNBmS4`aOMg7U|C*QWd zye(+4;PVe-(d4Vwqhr2n7Hs)$;3&Iu-%Nk`N##t+kE*K8@@rj1*uD#=-}}cO)5Q}1 z?0Gap(ez`E<{sy*8Ga;gmi$z*{^0#q#=PrE?v0xifmmtT}V`<;yxP*F>OPlzj!#sq5OYARwXN}@`$ zQx?ujT{JswaeZKOZD3PvQ1i09b*&Lyv(pzhgtj$@cLK?#u#T4SuC~aY_Nczj=n361 zle%Lk^~O!djLAu}rY6sso-%J{>Vo;1%U2d`e0b&2!>f;<-+l4o-pl|0 z|9_TXnhSJEVe*XTBQi^VA4x0S#X37q*ePkn)>1(( b!yTvOi-RmB+S~eiK_TSn>gTe~DWM4f5+$2H literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c2bb1d380c28bb8cdbb05e7670ec321b4794c8e9 GIT binary patch literal 717 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm)0G|+7pkn+$NmNNgT0>Dp zF~%-2-Zt6KG$_zAbV}l!$w{-PCC!ZLhrmgKHpoU^JS zw5=tq1ITR%ZEX(kT$Z~QDAE|(-Wc546xu#NbJ>EdWh?SGw1jsygtWGVch!fqf)s?c zH-&Wo)dNLZBYN5*d)lM=I->eIqbGDlPw0-B)Dt_YH*QLA{N%p4seSQN`{Sogh@U#^S1!+AzoKBn%7Tq6Ti35_Teo@A z_RUkazkdAo&6Bt9Uw-)b`qSt4U%r0)_T%f1A76j||Np;t`}$qLaM3FX@(X5QWEB(= z6PJ{cl~Ywyx3adgZ)@-9oH%Ln8+Cwda)StwEbT)bK#l?O&nF1PtW`E=(l}q+}`d7Mivh?7+*H|sBkK8=DCw+ zzy8jc{EwHBVY0!)EqAW)GBAon>0F;9%aYZSyyuSShpqDN{;yavXTLsvlzE=@+^H6y z&Nf$mYYI}R`}x6eL(aUSO_L7mKK|yrnPbtbqW+VQH4g3Yn5sBo+x#Of)giC>bQ-Ec z0~#8w+L@@%`g}mZ#4;o?A}$-8aAZ%w}%C z;OM2wJ~}+Up+B0s+YWEjl3CE`vN+_&1;=J<|F@eA-+WGCmmtT}V`<;yxP?2ANPlzj!UKP4(lINt^;frR4 zEuIy=WM(*!1f#IUv%?qn2Tq?5IAc=q?8(8ir-v?>5e7sHXNE1B2~;1x_{p_rPp>_H zdj0vc>(BrH{~vPfzah{>?vfzCUjnXEnEdQb}7D)GI9EImGQ&Doevf^*ss6x z&iKaT*0X61N6*ZNe0Y0e(>c-5^TJH)6Km!@-qbVc;FVdQ I&MBb@0GXbMy8r+H literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..21210e5151565b3e06d1844132e22b7cfb939a09 GIT binary patch literal 471 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprZBwpAc6dy()CoB+p6n6Xs73 zT{t^>$-Ic=Gs73p3STlaV$rPd#k0eg%#K(BWPlJ@1j>epfXQ~B{tn*>oxT&h{3cBb zo;^8u&eV{3(?Wp;E|?JpLEq`w*UUAAflAhSx;TbdoIZQm zk*~=>fHh!+(gLO?F>b9b+qycw+s{v#uq32Sl)KJj*N^@*CyCRuR9ELt(NfNQF?rv8 znX4H>&%fJU+P-La^70E6415+Gi~%wM3|UI2nS;Do`(>Cz|6U9VR}*O7CwhqCk10!j zUc;x0FKR!VH12pJX}!6}(BjkUyE2o+&2?KNZY-boBhimRNrr`?MrH?tN7L7hcXivE pJ1Xw37yH<>-}B|YtmmtT}V`<;yxP|^PYpAc6djUNPY~Z-TU_+Jb3sG1ipj7j~_q&{ri_O^$s`Ch#j6Tjv*3~tOsv<9WfATyQu$Az4z^v zj||F>DjxpcKk1$($0M0rJyNsYy^Uh(2o%gtYf#YWf7y09e&ty~#a{mE^0J42i{oN4 zYHpe_$hBWzsrhXASuO^i-{!%4_LV+z(-D9CZnf9Vh5i>J8+DG}Q)GN1xvt5Bk8gvO z#U@MVw~bi=v1_e-t_5}<-gIKw@4l}*499P#K7Aa?;P6{d?bgL|W`^a5D_wsSt+;Ix nRJVNoRl$nc`dk&p%>NhztKwfAef*mflngvw{an^LB{Ts5GB_1F literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4cdd7ab571bc87e16b21711077ef0384fc05c688 GIT binary patch literal 1258 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_mbf0G|+7pkfLE2LlJt1P&lz z;9zH92clH>++6oU9}|Cn)8G={YEJ`SA0z(?-?~blh6IPyMEjI*>zFv}!j9*c8^WB7eimf(<}M16U1^0rXBw zcvovgPg`V9dsJUXR9|QGgf1Y8n+Vj{6FaFVesXWzl)kvB{qfT##801)FnvRsq<%~E|{6RU{>0~S!s*rq%WRZw0K_T(s`N7 z7Gy17n7wi_(CmPD zUb6h$x$_q;U%7hq+KrpHZ{NN5@bQx;Po6$~_Uzg7=g(h!{PY!ih5M5ANq~Z`gbL?YqB4N{LD3>Pd<0V&8m3cE6a%q!rw` z(n3l`qo97thVORk&zya}aKB94GRZm8QlG6frk*~pSh&A?lBV4Oog2j)mh9Q{E|-?*SwFAD>1)0$Ld;3QoOSK zlD-%H7qTR@R5hfo+5P)+42wKX^0_nm@1my)j2^_Hmy_pU0{M6vK2zR4B4 z=Nqx@{cvOTo3D70B2 ztfrf}$!`a{AKSX?T*}i-g0y2={G|FqxS6M!1nA1RHAr-=YWcMzwflNFXKTWfgQvWr ztM7RIxEYrj&B$+Aajusu+V}s5_4g0|H5J`<+A>D*Q}XlK|8Fq5xo8!g-{bc>M6di3 zkG$CZ%Bjchs-9R7+11wTAHS?(i=1Pt5HMWsR(1 ae+-@L-2a}~f8q$J-0^hvb6Mw<&;$Tjbvk1J literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..063a5619b3c722cff2ec4938b14a3a94da96858e GIT binary patch literal 439 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GQaPlzj!o*B7pUg*5(v5RI$ zE}I%Ue^$hj*%3=-hA)~Gws=Rlcj4lPkDoq&`TF zH@|wVnw}Qu&d>XE$|cRkoT8#qT^kAxG^+CWNX+Q!+t_81BVB}*X{$|!{F)a=d#Wzp$P!o48>*u literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..33365ba03837d80ae4e96479902d041cc3fe54fb GIT binary patch literal 825 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyK}w{~H<_rbo=5 z9lB^<)Y6&Z3uZ(uog2D%M)=}65esLBE}apvXin(TnGuU-hAx^Fx@dOfqFG@JXNE7C z6}D)0_@dbnOMqx5kPKTgD;!8J2BKLJOMnO{3la%mJPRbU7{mag2rvm{0~LToW`gptJkjIxOL~=%U5sSz5np(^OtWwfBmkslY0t` z276Bz#}En0wFjREF&T=mU69sE5VtOS6FXrmgO->`dE;LON1cSzzxOv!-aV7&Z2cVP zyHBKJZ*B_G%r35U39ycTA<}00e6d)gvWew~;K?UhqK>GqICw?&)*asof*uQ+cg#1r zuV{5k{0Zkn`OQaKSl0&p{PFki3XugzSu_`4=qf$=$~D7ziO%8R6`pIu8qz0D;WgN< z)4Pd#n_Cy_wEC&XvgO{iOvyHQ?k;7|cSBV(JmK4RlYO}xR5T3@c5C&n;uTX&l|55A z?bv2!F||}qo%xm1Z&j=DoB5wIuqk`zyJ`Cz-t!EaN^H;UY^TK8?T_=~_t%RE5t!Y2 zyj1S;_wO&=kGH1JvPt5fHM?}q8tz>83D>Io`1F3A{$y_32W!>ZUxhqw_PW{ xmCI60TV$Yg`O3)$PCqPWTExwjUy%2UIi+_0_t#roF9BnQ!PC{xWt~$(69AO?jTZm_ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..b0f47a622c751ee06cfa2a1302b0ed5cf5ca4ad8 GIT binary patch literal 578 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|@uGpAc6djUNPY~Z)H#VUn9eKplpv({xl-ErhW^2I-2 zUf$UDdCs#GHiuLB^4||6PgiYFpSFF!Yfp35^$A>#CHjiFjHP*z_p~2GUUO;OW$61| zw7|D`jRVg)MOntIxlU4oAI|*xVeVDzpe5NZzu19cM$DYI%!ixKJV>6B^(}05ovkNN h{G66W9FIQiWxQmsa#G2{{3a+qJzf1=);T3K0RY65?>hhh literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..0aabd5f47dbd71dd513675b6944991b6aa12b87b GIT binary patch literal 1143 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s890X`wFK*baS4h9aO2^>Jc zz`@SI4n(Q$xw-CzJ|_PDrokn?)t&~vK1Ti(zIBy84G9jZiS{Ys)-iF`$qk|HO`+}0 z;hjxkUC~wvaW=_`_Q`SfN!>9Md!r`z$4;FPGcDUaKi|7F!zCx(IcI9poY^T0XQwWj zo;ar>puW<-uFAiDYSP@LIjfgsub!SfuO+;@F1Q6qF3DZJENAV~+%-#c)>a2J)CRRw z2Q}6PH!sOqvn+4jgoGJOvezunTh|`hyDWEILr5#o8584Y)CM=z1vdi)o5I?c=dWLp zzrH@Wr9QN^F|@5Qti2~@;)J+q^&u_YF_R|5Pg_~Iu_>%$MgE4B1si~j2Cy0+1L&QW z@UGT~p0>!I_Ncy&sJ_nV30=_>fVz5OC-ufn>5H4%A3tqE{PYP4(*^ZXX3d^6ckz9c3goPnpHd-w?L~~vmi-qiRgNaOcuFb99T~)pN+nb0dOq!0VJknpK z&xS+uq(S(vn35i2<|cXic3tOXiB7qu}Fr z4bP@K{b77-HbbKPm+5|yN8huzA9(VhX#Tg?{wsU_@AkLmb~WSM)44@na?*mmtT}V`<;yxP*G8UPlzj!o*B7pUg*5(v5RI$ zE}I%Ue^$hj*%3=-hA)~Gws=zI|XVUy`{4L)ZhC_&t}U$ZZEzuCFb?I z)u(M8-=+Q$ocx{Z7xU&L*%yyFtek2bko}a;X6gNueUq5?e3^Mh!}Nf&)V;I`S`QXY zW$K95oz)R}O}k?0j58-qG!MQDu`JhC+V+R>;|rngj>?3kK+73CUHx3vIVCg!0DiKq Avj6}9 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-purple/radio-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..563ddf49b717f90baf5a91a2cec80f28d11629da GIT binary patch literal 706 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprUU9J|V6^`ai?}hK7de5%Xt< zE}9p$bY}R18Bt5;hAy5FzIaZ=!r7rqXGAQT6S{O}#G;v@i)Mu`njN`lR@lOs;Y((P zEt(y^Xm-RBAespz!|8sA+9JeO-Q&ri9F$0d!j!&;*dltLoQp@7VkC)yI#oKYf1l<@4Jw zU*3NG|Ns9~-9^$spF5WX`2{mDGASr3DXXgM8ycIKncLVqxwyFpg@i}N)YUgNx3%xy zv-iNkLx+zXJ$~}knRDl_Ub}wd)}4DVU%h$v{==uwU%vhP^}Ete?kUi?f1WOmArg{n z4`xO)21>9!c%I?dy+}oCX|4ORO(9+;pCeBF`EP%@vhb{_@w1xZ`w>ebUj4X~wS8^( zqh*KoMEsj6mu=rR;fONxyT=?iGL4o@Y&@UWUTh^`|pal}x#I$?=*>q;Bmq8R~V zyjfgIu8T`MlzRCT&t;ZyB?j^wTX(*~;UmjO$Fo06ng7XTx=+Ebtni*VC}gH9;Op6aO)$ X@vk` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..84e1b3a570228406439d31911e87ab6bd705c8d9 GIT binary patch literal 547 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|>{rpAc6djR{P}#f`pQM+QIw?#$nh>qGF8@(?s zc7HQR?a7mGPoI8&_3Gz`_rE@T`1SGQ|9}7f|NlQ_vd09V_asV! z{DK*nSw%!;vxyCQ6u;+7dMIv#wsq5YeU zyR|gKrB?#E#VlX!ZvScFyl`Fo{{GDd8D9JM+4waZZ1KI_H~Z_y?Dh#!>+-&be=cKJ z{JFzA{@HWBmZYlP@%#QWDo$L_C15�YiJ2lq`d?^7pMT8f<(dch0Y34oUmVJSoNd U_APna#h?iDboFyt=akR{01JNdcmMzZ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..4d32b2dcf494ff92bec27f432d9725cb69e46d15 GIT binary patch literal 969 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s920X`wFK*jihfvBjtjEtGI zw272di=ADYqhqm^RjH-r<@D4mX(?BLWJcP$kdW0uL2H78)`teaC@y>nMlXsAw?swk ziiv(zT(mVZVs}jBtCHev(GfeMBeq3GY>$e3SdjOqAn$!y$?n(~kOCkX6|pTUaz``} zMFBPLj*Z?M7qc%e_CS2xfrR*j32_G#;}4~$9ZrltoRn}lJL^bd{E?)DV?dOgcswcb zcyiJSAWBI-nUZueHTh&l`svi<(`hNEv$M{mrkqVnIhUJrE+3%>T6RbU7s@PMt0_n?5rD8 zCg04-x&=htUAJe?zB7B)ojJ4b=H=X*I_1H_1rJxQc)WARv!a6MhYr3tbm-;5gD(#q ze05;|t3wB0A3pT9tmJ)p>4);tpKss(eE|Ni{>_xJCAK=kL& zzrTO~|NHm<|Nkl0D)WJHqhAu_7tFxODkvl-E-51`r>d%^Ze?v}-`3vIIdRhD$ycsi zy>|Qd?K^kwJbd`*(YJ5kzW?~);aedIjNuYb7sn8b)3ukMMjr|gY52I&SDpRfyD*vZvD4t)hk=O zB!i_Jy`H~fwM#ZQcjnxN$!F!&Kd`eYzXtnhRVof_PpEcm?q zFdtj9W7eDAJ>h-N3+t>+UbH*fTm4veRQnwJFJ^-msoydj?|%8pmYDGUcIr{z?SJ{% zWEr#Pr_|lODah2kZ9(t%`K!Ne3y|3I@8zq^zx>V9G&~YoZl%RueR9Yn;L?)S6JjhG zH%XVKPVhe6ymXPH`^?Um>P;3WpMDjbsy2~-!qsj@@32DOxo*CW%R1M_O?fKH^Y3rp bwtxF?EPfZs>Lal&w5n{an^LB{Ts53nbIB literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..deda53b9bbdb58011be4e8e696a6bea32d060e49 GIT binary patch literal 1040 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s7+0X`wFK*jihv6z^ZtgN|= zOpBdeo1mC$D`_cLfMiD6x{#37K|yPRgVu)zzbq~UqT4xHce1m#L`A$P z0&$2ihNOA^s=OQXLRJY=!k8R5!<68-V*H_m_(O>aM-tL^K5JL zxvb1{r6uRnQ_p8-o-Z#wUr~O(y7EGL>V?Ykiy3JbbFwbwW?!l(znqzVIWOmOdD)fB z^sAXb2WMVyYPddo_Kob!8`)Vm>S}K^HQbmp`({qo%{g;!&Yg2>+SFTf=iJWCzCC5~ z?P*hQ&zpN^-kiI6InRm;p6%QF?BK!Y`}RFQaNzl&gD>{)dvV~vi-QMV9z6K!!2VZ< z4!%Bg=-q`2?=N2bP+t1s%H@w&uYSCC?bCH2y8ik4^&hWa|9Jc6=i9fxKYjZ5`}e;; zfByab`|sbs|3LKr|GVs3X<&5fmjw9*GcYl8@e4>u%E-zoE2~;r+u66ZcXUpiG0x(f@c)B=-Se(9kB{lj`fXIQur6n9?<%?F_ zXwnsnxN$eByKC)@yPVhdt=(O|W3J)0@Bi+-x%2kFO?7F1|M~xl6SX;1`4>*`-Z3{s zR&M#;=NFH)tz0rkPvh@_#OP-mE%_!fJ8A|l&(-I+;TN>Ae!BaO=d3rKQ+-}cH&9oK zJJ{mV7wV#Su*K_ji@34&m&>bC4jbw(i;G?Th2@arzLVmUN^~Cyw%FP@pI13*+MOm) zR{5&lNw)HGFQ3Aj1#f+Jx8HNW6I=R7m?L`QUH|76aysQZcIPd=-+ZAbr*6`c;ufh} zFW+rC>chOS)96FvzJ0v2b@+E!XPfP8+#q=KzvKP;?)in~7q9$aZ~1ydPH%rf`JI6C z3=1c2YxRDz=iCXV#NOMxcH696%jgjCHJy2S`_)hZ4sD6-kjkjYgN#nh*)M;uxO0Hj z$@W6{vhNIsf&z0qo=ojH@hx3H+-+k=$hV@C$z3ikrw%Zk&=Og~`GHkiRb{h7gW8PU xHCHZb?y8ZCO$uqalKl4Mp7pjf-`n51yT64?{^F}`Pp5)%r>Co*%Q~loCIG<^1`q%M literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8a017d186c211450e4c5e9d633adc5a70dd568d4 GIT binary patch literal 1726 zcmb7F`B#(I77dCO(xOE{5CIiu3zYI)U?2!VQLNMw#w3K0d>OtZND@Lwm_$&EkPxIU z@riVRh*sMQC=duxB}@S_kOTs(SEbA{B;Zg1MW7%358he(>~rrv=l*i{UF+tBoY$&WihyFOq7ww zeUWfsn9XXy{2Kn)tj|g5(+;rUr+t z#bKo}kRAgmQXIA}2D{$EVrp^Fk@ao;I&d;Pt^ps@7#q_Ri~oawe@cjb78m;rAU4Ml zn#q8iNRX3BEyTDMfYbsl$UrM8u9Xb5k>c7YKs!KervM!Qu>)c%Spkp~RB|Vo)JX<9 zDdbKnrHcY|(I{OsYBz=44N{d6mn#K%f)l=|n<3ou+5f_35eltV{Z=EPcMP zmjU*sr}buM_2!Fu#iBk2*q4#kmz~v@FETLbhKw|WINwkp?q|~bGc)?d`2$SGKxW23 zff%~X!Fc9iR_31x@k6W&f3XwRJ>sy&9zGa*Ts5A^9+%cmB(f(UmP#kNoXI-rR8r!M zN;RwOo>eMmRZ62=Zd59bDkWrrNvSlcR3^2`q|=&oI+GrPeom#DQ$tYCL(r%pFJ5WX zOS3aev$IP^2*&qwb06mCm*2i!e)n$W!-uuCwO!V~*FsM=niqCH9A^H>W()Y%&v)3_ z?{siJxN%XYXusDmv#NNGoET!32AkaeD?^MUZ|*sA?^>)T(roxo&ppB9(%|hj+7`Qj zk)v~lP}C#MKC5j)Bib%v4*03j!GZZ1^}F|}vNR$0?VC@PpY2^O-C-RYsXh3sv49X( zrGrHX-(_PD zT0zTlRnEuGuWl!dAK#T&S%2-y7r7eyZ=!9#zw1}N$b1JU9KKC6mFqHI?3<-4yj#*` zN5wyH)Q(z9E^gf%?)IYxuF}opy7X;R(L-rjX}?~~9i2(P-*szu+jzU@qdm)|3l2wi z&}&Ol7whonEbn8+^0s6Pb<*R#=aFrTb^D8*Lq?O$ zwx6>*Fj7Wzc~%|xm_m{SA1e*DS>$-gy>`8xzHF`w^&n^wVHuv@1mxEqt2ZNEi|xL& z%|Gb_SjY8TueO7C08U;a_GH`t#LmY=Y^Rjt_E+jEe@OTC?LZy2chj#bswGYbEXyr7 zfj-u74adbiqSb=W_IOZ8ZZDlyS)D4dWGXMYp literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode.png new file mode 100644 index 0000000000000000000000000000000000000000..a9f9ed7af4753618ecb3218c6e4a3dc596e9d530 GIT binary patch literal 568 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprRE4J|V6^`hRHX|J>aB2?=lF z;@(C_zfDYh6BqL)A?{6l?Ay4Qw+XRtfsFV#7z4C&$&mw#Qk^6ToAzpr2aee>qur%(TX|Nj5y&;Nh_{{R2~lItEn(5>PnL4Lsu zZ0sD;GO{_jdHDs$j-NPr>imUEA3uM&X09m=RPxT##WBR<^wldjg_;yZ*b+A9_}}I^ zwJG%W_bK1&H@mn89clIrpR1kzN2>8@Qe4ItsU`HG2dJW$1P}zWx>?+IX#ZLWI+VT@HS!7j^}?e~aKTFMFf6@OIM2 zYkl8mwDUg>HqvL7?Vk|vsjqpncv+Vnxi1bW?>zkJ-NH`|-CJh9PLDaaJ??S7^mlQMpF7)lqzv8|+-OMbb==CoGw!8v tjfulIt&@ezu2~-vp7}QFWqsRs>Dg83=D)vBKMC|XgQu&X%Q~loCICx=8Rq~1 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c8ea880172e8bbbd3d4f7a736c552317088ff823 GIT binary patch literal 897 zcmeAS@N?(olHy`uVBq!ia0vp^0U*r53?z4+XPOVBI14-?iy0VX+d-JI|LMn6prB-l zYeY$Kep*R+Vo@qXd3m{BW?pu2a$-TMUVc&f>~}U&Kt+E7d_r7-^y{REH*s-qqody@ zCccY{d!HQjAvP8$@+Kh$Bpx607EA)A-oyjNW8Nfy7;ocZ-X_Gp1u=kXfFy(sCZXII zkT_HgP(1D(kc$T;CA>{ee3z2+K0o(;QNjD7!uQ36?@Nk4l$CraEB#Pj`k|uiLv8h^ z?#@p=U7vcozb;+!ZT-6MTQ>jLxA*6%Q$J6i`g!K`&$DNKUA*w?;>BN=faucSSFirQ ze*O2&>%VW`{(blE@B4TEK7aoA_3OW1zyAOKe~!8GDA519B|(0{3{uiEvU2i@{sDo( zAz@kBIk|cH1%*X3XU&;Af7RA)+jm^QaqITSPoKa1{`2=ATVc~p1_s8no-U3d5r^O2 zxE^%KL4@sr$HoL^(TxgBTAc@y99;u-ZdlLyUN6qcv*YBp$+kNaX8f5x^Wkj!&9iwe z+XU6lyinaYML&u~V)YFFqf28)3e`&L>J9`Wplne z(#1Nhg*i{i<(lR1r9F(N4cTJUR;WlC^fMRp?C56h=E->EFqx6l=rLd1ovTc&=l8$; z9o3L<2M_(E9}y>=e4t%d-ZQW>)iEV!~DtFHXdKOmn^)&+~B^Z{F`TG?)=qv z-rT9upSy?q_sWB5$G6!g#XeiA$}A7C-&syeD2^dyQxJ-M-_e>Q=cHb_@7#&5hdfWAUE&1INlrL%uWHRK*0oVdP`) z)A*=xTwM8-&4tPrf=lJzG?cC_jef=GpR?+5^PT2>Ol^-YGjg)Xbez}X|2OGXr@q(u zmmtT}V`<;yxP|?f)pAc6d{XaDHe{SxZxY#!d zac|;d-^Rtf1(NY`U^4bjTFTw%$h+xj_v2#j7Z%(vD!5-<^q{!#X-w2JAc~859vl4v zh;p)C#>Kn>qQv;uaWSv6GJr;b3`|LSlbs1NDmD3SZS}WHm%d%T^!?(+@0TupfBg98 zSi<@LZjEJT(1Pjm zS=%z7GIG2WVd#kMU@UR=Q<1f}UoXzRGoWkr%I%j9Jp64X#viPE{q50LnfJ_t&kFxO zRu>`_tRECLAt$IVjnjHT&aul=#7sO-mYtPj3Mi3c_z;?sE>iLL{C~y;0^-$TH>R8d Px`@Hk)z4*}Q$iB}Ve!dA literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..565a881b72a1e663a75d852795ab0558cd79bc73 GIT binary patch literal 673 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprW?{J|V6^`hRHX|J>aB2?=lF z;@(C_zfDYh6BqL)A?{6l?Ay4Qw+XRtfsFV#7z48Y>dVqO;)0c`}?TT=99_N+HMc7O~|PJEl5`nII#?Y_Nl_wReVfB(Du+;?>~?|Zu6 z_jbQOu>V7M=g02OPm33Q*|qb}t5<*Cy!rF~{ojut|9$`d@8{2dzkdDu{pimUEA3uM&X09pBz`!Wv>Eak- z;lK9M?Vv*j0&EWg935C#bS^ClYSl8!5(q!|`Dcjg`~Mc(W{b@>crE(hH~m-rZI!tO z+or5pbMB2FqNk=Q&Q$;9u_8ZYh1`Ocgl0BV7Bk))mJ)u4#?#AZ*B^Wm zT6gb~!<@aIn(=-b3#u&ndBFqsuaC+^d(|=82hBKscZT~+U;r|By85}Sb4q9e02viZcK`qY literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..b90045d084887b675e2224a021411eda82d0061a GIT binary patch literal 418 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*HDyPlzj!#ssF~;>KcPRH@rds|krCpP+SZuYjQs9iD9+oB?OL`Ut8joud* zdmujUaAN$iq=aM1i6@eiPNXECPE9_SmU1y8?Mi0)^{mXBIa!Yi@;;Q8ezu8cV^`AZjCiuK-!HV1{5r>mdKI;Vst0Kc4~`2YX_ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..eebde625911829555ce4d91071c4f32987ce96db GIT binary patch literal 733 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmi0G|+7pkn;MKvdLRM#fB9 z+C)mK#m=tH(XrUds?^f*a(e2Ow3I7AG9ztWNXY7-pf$lk>qCQI6c@e(qZdVmTcRR% z#YDd2zxHnbefCX({K^ zQ!k{aUdl+joSA+#GvjJk=e4YiYh4{TvNLaFXWh)nx;bOot(>ge)280d%XwB*@V2bv zeR=7J^3rclo_u@yo^+qZAuxpU{?!$*(4ef#$P#}5zR3Q1rX zvw6BWhFF~58f@ry*g;^<-st&$MN>>XL`p6MIv)Nn&!DTnpjo9z^h63d04b=9N$qlXX5+N+gbW<4+Qe&iSx#l*Q!5R zw7)j!b?&hs$9Hdoqu=kSnW*xOU8&@|BC~PQb=~tf+HM$FPtn}Waw*Nf??Xc5ox_F` zcp|wQ7|(t(XlUHS_+fohk!`P!-|zT?7EfO31jW70d1mmN|I6o1%*SSj{GB4d>fo82 zUC$mCd^KIKVc?~BdRstPym;h6!DEkR`-WX`u-WKx?!#BHM`tx!Q(gb6dfM`oy_)j; o>D5)YyzFE2@`I#<_l5k=-?4Me%q2e*vOr1A)78&qol`;+0HOs&YybcN literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..6db367075b89a51139dce47aec22ed2282fde7a5 GIT binary patch literal 323 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP?2ANPlzj!{vR6pKR5SHT(c$->o1xaX7;?#JAd?@j-qdKfZ=irSAmUPiZ7&0oc>&8{BUsRgM|(D>#saC zzVWy9Y+A$7GczI|-k#WWPBiqqFw^?Pnt6{m^-Q|>?Wc5AIq$D>FXQPzs~9|8{an^L HB{Ts5oG*y~ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-red/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..43b968d3b57eae8716d3fb990c103abf29bbc1d3 GIT binary patch literal 482 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprQ!@J|V6^`hRHX|J>aB2?=lF z;@(C_zfDYh6BqL)A?{6l?Ay4Qw+XRtfsFV#7z4_uXB;-n{ws_U-RC zZ+^dh`{&J@|Ns9_I^A|1=qB-!AirP+Hg*na8QGlNy!?V=$4{I*b^gMokDtF>GuIRb zD%s%a;uvCa`t0Rc{w4(xwuGfVYp-lE*_z*cKK}pCo3k$~yZ-Fn`Sq*#-u7 zIR2lS@s`mmtT}V`<;yxP|@cApAc6djUN=7o0nOeRomJo z=;Q-qirO0!b0i_*RBFoW(&BAVQKwRp?&ap(&&&Bx zUb;0hVs~uJ;lzYJvC)qU@}Csu?}(1t9UHwbF7`lt+`;6e!-?_7k`hiNC!J1BK9`nq zJ}cv5M%tCk^sAW}H?lKt=Vm|LviVU#-s7!Xp6}THa_5d8@810cqWABAefaSI|9`J4 zfv-S6o0kOn1v4<%eKFCSBf_^tMC^%)28z5c0ixnpB}MDQLN|qntq%v0 zFN+G^mX@4LO?_EZ_@<=zKz!Wml9DZv5j&zI&!weq3=i8J5q2;>Zf8`~yVBx!WhI*< z!-2BfqCg6cB_^IpP2Cb1c`OOYNd8b>x+5kEsOEiH>GqhYZBdaxH9MlCcEv>Rj*Z?M z7qc%e7HIy#gt&vrNrw~Tj{s3>^3l}fV@V0elM+uPC!HwFKbewrIyL!BYRcKPl(U%` z=dv=-r>9;>PraCvbtxn5a%TGF^0KR$89*;z&&s@!4MbTtbFyv$(V|7SfuWI?b9d?D z2l=@V3-TVVSpK*m|H-PAPYd&30K=rD2;{c%QlL9O-oEwu?%mH19(;cI@XNh>UmiaE zdjI~n$B(}~dGh<)w?9Di{rjIEKmPvw`Tzg_15O2nz&On-3GxeOU}R!uVP)gu<`)nY z5*C+`l$Mc|lb2UeP*hfNaq;r?4+snniHMAjPe@2i%FQn=}ud8cln>BmR+{H_l zpF4N{!sRPhu3o)%YvHOTXPeD#oQ!J{3~ zsy&gHBBmBd&*6z#DZ-|cxgf}beXfbj8UZVvm5ZHjv@;mK(Gid1kKDE}{Hc?jMCFDZ zSHeDD?)n`VoE6Q&Z&`8es!()f^#Aqu|K_HuZsU%OQT&wr`SkxAEN(7ZoBa2AysR)Q zzoa7n>|V{hLu)HN7Hf93UG1Nzx^usfW9y?iR$(#qzxt(DFIb&YEIp(4k!Mr#<^{Vw zgPLdT{P-#P<)t>s3n8=IJfEM4*pXbH7#R4l@eixygO^;YL6Yr9W_q0z;pcua=QZQA bK#yO{%bNWTPswIt1(hS7u6{1-oD!MmmtT}V`<;yxP*Hn;Plzj!{uCMcIWh4?Z0yUF z$X5voZ{p(K0#QQj+xVDwKr$ijZG7z8xELV$E+Ot6kOZSQAVHuSAOb4@F;LLMsEFqY zanIMSeYIizYq0jW$%&u0Z2r1+%g?uOe!YGB>)pHG@8AD<|Nj5~|MH)n+yy#Ct|Z7W zm_bBTOk5%`Bs46dp|PpCwe8H=a~Cdt`1tAbm#=^SZDGo}22|PN>Eak7A<24>)9 z0KWc!pi&$qZN^0zKH8f02(wb-SfdBBK$NzU(r9GVBmh1Ip;>oAsv(D?f trWMSIpL9J?YR4RF#?<`K_un}g81m=U>l=yiege6N!PC{xWt~$(69D7s#kBwc literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cd5cd5d3be6d7f66fef8e6a67fa20d974de3ade6 GIT binary patch literal 825 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nl*0G|+7pyK~P)X?xgA>l)8 z?1!YN5ApG@5~5xw#k>cixVYEx@vmcJ-^9heiH&_17xx~>P6Tn^#>c+}vJ+z80@-nK z?-JsGvTx&o+!zpwk9`*pR2B;oi3chGtBePUgAq^-SRBj+sRS|LvOq&XvS2}wdN>1W z8q^Sw6dYX%4Zay3dNV5Wc1GHRxY&nL5szojdKMG)eBPWFvC%K%VqV3?ypD^38kLgt zwlM$W;zggAF8O@p`q!H`zuvq1?cTi~cW(c>ckkDuN539F`u+IvpRZs4e*5bpFEG5EOM?7@85o%q6qS@!)%6XHP0Y+~?44ZP+=D{Gqhjjno0{9&ckkJI z;NYRdM~)spdFsr$^H;B3zj5o%y_c`vynFxQ)8{YWe*XGhX(#s-7!CHGE{-7*l4}n> z4?5%^!ggWzjSY!M?^Wj?VOpWVu}E!#{vr+yrQiSFKX`NYT%XAQLcY=0JSmVuNiEBO$vsn5sJXp{#<#XhMij`lzkJ?2gOFuV*HnT;wOIZ0XUfZW|U+15p zuTR8 zc&`02gMGGgDubwzX=hT-FCio6aUI9&esYb za!>Yu<5*nWH@SG>TaHV+^e-L@)t5~Eo>6G-Ro@e{;N(>a(-${go8RhXDJ}C$oYS&$ nZsX6Zk1O6(q^_H9^-^4)@37&6-`lnVV}`-g)z4*}Q$iB};rf^# literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..33a05fefd18b1e43bb638e789ced8fc664a4736f GIT binary patch literal 578 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|@uGpAc6djUN=7o0nOeRomJo z=;Q-qirO0!b0i_*RBFoW(&BAVQKwRp?&ap(&&&Bx zUb;0hVs~uJ;lzYJvC)qU@}Csu?}(1t9UHwbF7`lt+~LIdV@U}ol9NuSCZ9`7xtNi5 zB{ThMX2y-|%-gxyj|%cW-MaPZ_U-@w|BG%?$^`n&yd=mkn1PX1Ku}0bTvA5X*u>1j z(#pE9sJN!SVfLIk^Oi1MzT)=X`}ZF_c=!zjzJtJzA3y&6`yqwOmgxxZ_jzYz7st>rntFXNl(3#n|(JY>snUE znvjsSAtCERg05wxzbq~UqU+fi`(mOuM}%*Qh}aVo4HS7@0z}2HN{ZHpg>DKDTOST0 zUltX-EiE~hn)mj(k^G^&bVp1SP|f?Y((N%(+oB?YYIa0N?TU%s9UHwj zE@od`EYSRe32}!L86DQot$+`{ndtT0i{M?5Hd5;V7pBCo70D8Qn z2;_kBQlMjgzJ2@i-MgRf-~Ipp|NB9YHNbeuD+%%oW?*DuW?^OH;^r3+6cQGfkd&5@ zm6MlOP*7A>adGkT^$!RP4vC12j!#HPOv=qKEGjA~E3d0-Xqz>A&fLXImY+L!{=(%e zSFT>YcH`#l+js9heEj6elc!IgJ$v^2`STYaKYa#*Z{NNH!Jj{W{(h0*tp_Hq^`0({ zArg|M2ic=92Z*peD4x7U^UJoEXMc8_D0p1f`{vbkM5oNaK-E{Cc!rg?86Qn z7M7m9NB{3))g`IMx2O4JglJDo`e7luSYaZ|oNc+gt*fi7%5&$wXYh0kE#dBceNMDC z{hHMVo=-zUJTc4c2iQa#@XCmrY_5Be#99{(sc`#lMq!t+^LO5)*$m zZ_J<1%y#^pzN6a&_0DT=UM!bd93CCuJ~=7F#^#gZkrR&XrAl6jduMY$UDv2`>4xRp z-vV0YmlAu0GEVRB|B%e*GwH@Zy-Q*qn>IYpT{72WaxXXYyoH@!Q#%(jp4Ze!y7Tt? z6fMT5b?0*p4BvgJ^qSgGH2=BSjGUNvUu$$jS54Xfz3QCP#8&2frMIrLRIK9Mv)WaJ zyW?G>SSFj~?fPVN=%<>Pi)K!pV4|>!pk#*KN1H1f)2?L(2^Htta2FQKy*i<+v!?FH zmScOTp5U0ZNPEqWZ%^#6hdWA|=;kGV`*@tuJ>Bu>$@CP1;>Szf_jOCB9WYwawIba_ z=g!9Ut9S3tuK(S{RepP6B2v~+zP_w6^_Yni#Z|Hej8X7+UTb6Mw< G&;$UCxBO55 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-red/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..6a464bfad54217b2be57178717fc14e84b1c602b GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G8UPlzj!{uCMcIWh4?Z0yUF z$X5voZ{p(K0#QQj+xVDwKr$ijZG7z8xELV$E+Ot6kOZSQAVHuSAOb4@F;LK*h_ENo zkwC%E*RFoPcJ0T_8$WK|{Qv*|It%_8KwITXg8YIRL`22JB?3c2!y+0Qo0?nO&YV4W z;o^snpFV&2`uE=!rkra)m4%)zjv*3~xd$H#IXOtQU37N})I54iW&NqY_miH@mVMk_ zd}B(?>vgM7+d95W{UbQ}JJ&Df%}25?9&=bZ)i@ygDWA>K`ziY-G4J^@^Nfb+0cWXu zX%n;_ESk#H5v@C`Bl4Pd#nKsPPMT;Qd>3L_uC27~597xdLfsve2}^;NGkCiCxvXT?sa_p>)6;gadB^AW8cNay$7-rLEN|T@o$0bgxI%0c3j-M zggBt=+jt;1287~c-^Bx!#eziQfeOGX<3ZwJ1XKeS2XjFxK@7Mo&=8O;SP-Nh&VZT* zH3TFDN9TeAuY?BQZ)tuK9r-FQ=5<^QMAxUj-k+~u{d)cS_uIFB-oE|&?%n_Y|BC}8 zJb^xUE(!7rW?*DeP*hS@Ro6E(HZe1|v3GKDa}Np$kBX_QZ)$F9-@Rw=frEz*A31vb zNvEqz9y%A5yM8u#VReUE-qMQFmbV?Sn#W96W58RO^cUYxR1;K zS9h`9_J^Cl9-2@k#i(u0vm?r> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..377b844d2f709e4206d2bd503fb62b789d1696d0 GIT binary patch literal 538 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|=M5pAc6djR{QE#En(NtaQZ8 zHANq6j(M~t`r)>?N893dO!D3~(R=$O?@xzP_RsWxv^93uRNs9w{dZ3B-80>9|IC0x zvjY#$2|hA6==l8LlS>m$EetueDD=$o#Is96&n^u+yC(Pi^5_f8!Y-`OzqmZ&;_}E# zD{L+`V_r4xU`}+3&*LM%Ty}SSI{iAOm9)JJz^4GU_zrMZy|L@=b|NphLj+O#F zCSDTc7tFxSDk3T)r=+Z`I&c1h1uIvte)I0#`wvfJ?%oF~S>Wm77$PCbdT^s3lcNa3 zftybSRh-`F=q%WD@&A9JBwwDXhHA$o9_D?&XC<7a%WB}3cIB*99AkcQcHraGI}GQa zURj(Y)v#smVj1g%(AkeQV;DE?{r@l5Y5BCHRokPV`Mo$5{Bw@nx6{}84=sA~?c=U^ zyE+Ax>4)!H>DMdp-1@npazCTu#B^qX#p?|iK6hNyVyJTSTg0@5yLN0w<Wo9X{yfAX$rzPqRS?VJiCpY4o)zBB&oku;zhh{_#Pe1R%~ zQhTQR?VI7he`dhJSpkP;2OgOlbYx!e(Ro2f=La8M5Pf`p@bLv9#}~(+SP*<-VaO>U zS`>PEQON1Vp=Xzbo?RMtc4^ePC1K~5hF@3~c41lgh2`NFR>oai5q^1P#O2lTm)9g- zUY~nqRm7Ezc~>{)Ut1k{ZGGak-L2QxL|xyUe|<~-^*x<8w&vel7j<)M!OeYLx7J19 z+M0K3f7k8(U3WIb+}#*+Z&S>@eGT`HOuD}*_CAn2I{D#|?nhhW9-W-=VaXeLLI zhKH@L;eAba*Uq@no3y)(z3la^PR_E2|FYB11@P&-KdV!{FMa1sWsa7(DLn@ay%xnK zl(5ykNWSpUM#^X9&THy@rs}GEi!u@$Sh(#|xgH;M_$Tipw*7O=&F31={mK(%Ua$&Y ziaCBeQFiwvM-i11);BH`OyHfA(9)IaJ5@lLL4(hii-A+7SW)bJ*@uz@1JR_fU2zw#Rcqt-|#`NHzzirOleFZBZ|CSYCo>vG@7ooVMZx{|pY@OHv3H zwqNzia_ZB{Irn)_@v!~9azVQCz2&Ub&y98ZJXII(nd`>A{IhKRb@t}GwCQ43a{af< zvz4va4T~wi#cZ(Qr%vsq%H6sgY-{VX-|r94U3<_VgY(6Ute^bN&p131T4t&FhCVsu z5pZY4%7z$A!A(*oODB7;W-qSX+jc3U=ee~0{`5p_ ls}h_Rex>re^`&3`8RZYYPhNH6kOe4fdAjF;!*$r literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..7959d68a6c758cbcf6ab087ae5562e213b45d4c0 GIT binary patch literal 1039 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8{0X`wFK*jihv5J_Lj+nWo zsGWgmN0w<Wo$mi`Z{quX$$O^z?waPib1I1ZdL(V%48PkOqV8;n1}X-! zcTDjGD&95KZ_ji;pq70z{140uI0!_u0}lbwoS-9fgO1D#J~}Vx=)B-#^Ma1e4?eLV z_{74HlOPm&YGKH!MWJUF15w!7C81}RhMijyc5Z3-xn)u3mqlM#7ItA-_=V-+7gj`E z*i?0KMfjzaF_%`wURsxVX?@nE4f&T>MqFMUdu3I`l?^#pS4Uo56L)n(?zOe?*EVKf z+mv;EP1N;u2{+b8-CP%S^WfxLho;fu~Xs#KPbzPCVYlw~%{%ujw^i4hSD!!kzw+EwONnpw53+a{3M-mq z#oW+jKJ>Wgo@-Ik;XhNF^fc~PK8X-7l(C%5?AXb^L{`t+!spXt|8Vy=Iv%$;Lkkz0 zCC0h!Y2)s++1*pq#9jK0Q~z1mjP@iyLALU`v%bTPlQ-rjw*O1Na<^omC`a@}+x~1WUfKQ?yK|HOHD7SM{b|CI z>^V}m!Wtw*K<(bq}kr#F|FdHEv+Eba*QM z>YTK+g@TFkwm{F_E6hJTWF+Nodg?islOgf!deacO>(?9<);!V)d>UCgm4Tyo&(Zgn zy%q~_@H*tTKI9jecKVU?q6I!~>-fd9jJ;Bqe46ep8?2-}Y5%$%^<^8E_{6h{C!LzG zMu~Ig!9&N7+grKDYb^5b`6OC$<)zm9^YgqK|H|9&DTlL4vAf;4198?szfJU@V0K9QRXZO((u2?)G=7%$IthEI4eB&zs+!Xh_eA)K4% zy7W9~y3y}#lV2+h!OerU(%>K4gI8aMwEck?ul45T!T1Gk%>{0PLN~x!0ZJVq+&nj4 zzS}=OTu4Iz&Q3!C9GC+7cS`xd2wYGI7Z$-=iV(ogZGRx2(UH&T$QOU2+8?0WAEIAA zbbt8>)A7i?<1wc5k$Yz`y0aK7dh8)8MvIF*#0-pt;VCJ>bTK@;O0Zp}*jFWn9oAQg>#Mom zUxn*udiS%h_ctZ>a}x)cxPhnM1MKhtUZUbDUcvHKutOD`a0Ne6!A~B1iXUY83^v3J zHpUF{69@T8LoBbMdeTrs#86}GP;=67wbyWC#BfvWupoI@cz2}6Yosx9M36ip1h_j| z<2~ARbCi4YHQRfP<1@x1kJtK4*83`V&YAFzOL!+`ypuCkJffdttzQOThe_&iOZ@`8VSENzuZjNIfo413CpDRx5kdN~v1eyEr9YoE9%li=cQ_(q7q=@~vuSc5Q8a{nJitZf^Y(U%q^4nmBF?0_{2N;`oy%u6<$nGZyB5^w~1> zHLSyOAZvFdxreCE!AA;CS*Me!-(cB9>X3;8+pInY?n zjG_J2h9O!XH7;REo03S{htC*a*e~6U{OWie?K|BXF~Y_yk1wAz0~H*K%jI82>Re9n ziM2Wc+I9Y*2W4jU)Px3RFoqakAdC$i7rH2)d1al~M@1eC=I-~aj!U31CP~dvOxr-h z8l8F{L}uE+!6lQrbW1F`Ty33!iu}gu2vckEgOqA(4pvPO|I=1ll_cFZ6(U}zA&^!n z*rrx+2P^QB)}j)#a{Mo1(<5birGqidthv(K2Mx*8&7DZ?kqD7ik^#e(<>o8>;D<9m zL#IRcvDUTDZV65t{96AnyJ~A+%}X1o#yKv++Kir>MBg9{9>QL-g7t|tr@h&SgA518 zzV8qj^;oWGT1JW)d-Y+yCp)gahOlq=?$*;`rq$$5M@+}e8C@(yBk!abXh&4jO)_R; zwDn!FA|-=p+(y1q8;yPdxloKWSdX+C6xPQtcXZ+8NGoTVwtIZ5y|X>kO2u=D50Zgl~h-{vrdn)=y6nO($B7)LVTJa|ZD)#PCd!BhFP1qOW5~ zas=}#5C5xJ&#d;g@~1>&^Ul*jB#S6k_Vdbp-S-`Jf0W8nkIknU_ZSz)%*J0b}#jWbDJUA)Vi8Itk=#7nX^GL ztr;z|^e3dl0|B!95k2}3totcW**DP&CYSx2%pyH$^Um#Cct7;kREd6Wp=p3Nh(#h(LJ; literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked-selectionmode.png new file mode 100644 index 0000000000000000000000000000000000000000..25da978a7719671c5d2fd1b728db3f7e9dcb88af GIT binary patch literal 581 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU3?z3ec*FxK&H|6fVg?4j!ywFfJby(BP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprVZdJ|V6^`v0oX|JywO?|1mN z*XP?d&u=^ZKkxSWyxaTpPOmS!e7=Af-k*VtUEVK@~ z$&O!7cKv>J^7rdgf8Lz^^XA;2x99)7z3}(ji+|r={rmah|KH#L{{hjT|Ns8||NlRm zL+L8e(c&dRe!&cE>>ScEvN^eV`31+0pE!By{Dn&&KYzJqt|<&u^2yW1F~s8Z)hjoJ zniM2h6E^GI*3n*k>09l6o$l}T8>YAg9gt7o^(n^kusJ)UYoO8Onxz+An@V~&NtGTo z^YZcT{=#@}`u=lTOpAkWv@CR7$m-nfq|(V^b-CoiPTOah3u+HrOcCIjqu*|n5zpNI zz1A?M&$(PN@3yf2-cNTpD<$SEs+EbUln_2?#nw0P;EURxH^n(|`wIW^9lLvT;>*YP z3!R^IzZG8d>-NcSo!<~}U&Kt2m{0hi9nPg1VQ3{pLhFz-V^Y7PvDn>v0n})d^wc( z^>EVHBPm~xq<%e;_VsA`*W_x(5D0Rxo%02 zUoeA|w2Z8ryrO?VU~ouSR(4KqUVcGg(ac$M=FVTWb=&qG*Kgdq{qfW1FTel%{l`|= zbd!OB@r0*~V@Sl|w>Pc_9dZz1OIQ-Ip|LAMKvApnK$EQN#_vtf{>HnVVwjy{Ior1S zputc5nGa{zr%&g#oaiyb;PLb$UI&Xhl4Mp-@blOivCW5R*`(Qm)t~t;cFYy2d>y)I zYF68ORc#mJtFH6J%R9>6Xt3W=>&PiO=Pk)R?J>^|uK-WO1V;8}k_GbYQ9K!s9cD9f z8cpVlv%S*OG~NDP@Lh!)A7k8H8f^OozaDhE|GE2C!sFYem5cN&-dsPcE4SpAWTwV9 zkpsflcK=wk=XlhH*t~7;|H{v;=lFdvVe{Kvb{~D7IVN2H+*!oW@Oz#+i;bnl2Mxhb zOCFq%?pmPEn*VP_{{64tz6aODg-omQ?Vj7WJi$IAc+a9PcG=lty8oJ9hg#g2*H>WQ zI$thaq?&6wv-^|^t?S~-r)-w~zM$@9yOsOe=Ie+4@)jir%g%p&guy~6zQ04TK%r^g zFXvV2`x@gKmdCl**sHNQUaD&R?fcLE#z}^W`gZI*JKCAMd3JO&mrEG*GEeu}-*Eg! z_%B_a9S5bE6u<2>IV#mmtT}V`<;yxP|=(KpAc6d{eM;H|81UMcKUqT z<^5%s*O%QspLcmf(N6D2o5LP$4u8Df>&cF!Cp(j$>`ZyO!TagX zuBf-$Jl}2edcWQ4!w#*MZ#kNYA&?ezY%)92Ifz)weWfoA@AdG^Q4 zb3b04{qfsH`)ARmB@U|%uC2MO#UOB5n`y$Y2}~JnZ#=3BcKq+-`{tzSf9=fDrnBF- z>gr$f5&wGhP2&CZY`2-!$#-{0{g!-QqTu@fn@n0x!zLM@BC883OCv&eb30sI&8!g8 gIonfYi~WCg-8P9viPN^NKo>E1y85}Sb4q9e0AKIiYXATM literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b6d21d1c3b48654c962fff479fd20824c01b3f4f GIT binary patch literal 671 zcmV;Q0$}}#P)9R=avq$FMhwovW1N$$2v?%A>Lw@UBNknh~M@7=lZxJvN5RPexK@ZP!c zxk~ZDWAeF6^14j&!ejHgOY^)>^SxB_z+LmkZS%{2^vrzp%zyUGeD>Ct_usPo_Uioi z?fv!V{`v3z`}Y3)`2PI*{{8y@{`~*`{r~^||NsB?rP3P!000+sQchC<1_uZm935Xb&(PBG^Yqp?DH8wy0T4+Z%)(7lutxPKb_3vOTGeMkdw{R{w;D+*u_XORo;Zt#iy<$(jlIDUH+ z^Z9-ww3iU)p8)Yl==pvv;L-+1AIbap;X?QANI0O|`Ti9zs;>qddjp*8AASL*R}1vK zxk=uwYtgH=XYmmtT}V`<;yxP*GQaPlzj!#ssEn;>IdsRytzl znxYRj$2{5+{cu~{qiu0JCV6k0=)HZC_oqWC`)B$;+8VoSs_(v;{yV4m?wRhle`dg; z*?~vq1|6Rtd}?9HsfD3umjF@Ng=JxvRzzG~9eHDI)a~`r_cp~m-;wa~`Q=Z~FMWA) z`^%fVUyr2y|Nno!#bJ;~#Y=+xf*F`uMMP!fl$4cK=gnWRVCCx7Z{EFo|KVxO-TOc# z1)eUBArg|I2OasE90Xi0#yd+lXzopr0HqA1TL1t6 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..33f7b5682e7603bf57242e7714a9020d2d37fd26 GIT binary patch literal 731 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nmi0G|+7pkn;MKuOeGQ`AOZ z#6(@BBg?ca$D%ymurk*0`r3%=Yr=1>i@LQwa&w=@h8~agz3!X)+~4g>e!oBY-GQVx zdy{rf@!3Dq|NVjFol|`G&Gi4UKY7e)NE%QLMCFbtzCe{g zsXf#E_Ra9$KQrLqtbjwa1CPuNIyx`t`264#3xZEA3^~0hFRlo`yfWg-s)%c=Bd@QCy0Nq2CeUr`qHpc0zq29c&cVLB8)NQmin({F_x`5X zM_c1w?MeD{DD}(XG@t{%y?^xM^NXKfUj6#^?$`GZe|~=X^Xu#X|Nl3Hova0hj($my zUoZnBtDumWxTK7%oT{ptx|Ow^eOr4+=fp{qCtta8_1f**x9{A!^YG!LN8i4E`~KsH zhi`=>FpOC|T^vI!PH&xT=zrLOr*;1OJC{8*OB|D4a0v_R{P`~#R>!D3#Y{9)zcbmG zrSr>_*Dm*e*+p)fFUQ!RT-FjivrChK=>+?k)zUmHQ5*U{{!%o)|7yw>apeLIbN|iE zar=Jxop7!Hy+Uo)&c2g->oPv|t$wc98Kov#__|zjhT!kKy5k~`Cf;1=)v7!pEV`(r zTKg4WUt@|!AA`h&Mf}VX8vG3ZL|3d^Ht}TQclI7{J%6RAPp=s%2*1>S(C|^c)c$Mx zU5Rrk?SKD0N{mmtT}V`<;yxP?2ANPlzj!{=X{p|2EGrJAJ&tGR&%3;#Xs7q1wQi5sxjot<8 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b79ac0fc57b6db14b19f7e1ace040ef278a8b04b GIT binary patch literal 487 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXprXkEJ|V6^`v0oX|JywO?|1mN z*XP?d&u=^ZKkxSWyxaTpPOmS!e7=Af-k*VtUEVH1Qq z8_S$;E_1%M-1*s|>gOBXUmUJ^xyj@87SFfaJl}2edcWQ4!w#>HJH0-E4D|kTy7u?i zSHHi$`Tgzn?{9DZe0%lx+pGWo|1W%)cOU31@sc3FUDrC;4Z#r1ykPgG#dT{s+!w-uBMhlA#3=)cA{9n=xd|X&Qmu=y>{rB~hHM+HP4*p{>_AQY$7TRnK PbUlNotDnm{r-UW|Oo-)C literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..2c9049bc54541840e0365ddcbf6c923c0fb6aa12 GIT binary patch literal 627 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|=?NpAc6djUQCR>sBWjHe{G2 z1ZgJuXvBDHB>SnKUKD(0aqzh%A@dp>7B)J~Z*Y3JIp*rB@JCx>uCET?+~>J%?3n6%aCX3+seT7$2Ao(Be12Kjhl44*r}~~-8un;g z+~aL=Uyh{hoa(!OmjCeuLHlP0yx5uWa#!M>>3%@=q1k~)<^~;|A9j3x@Tr9%XP1Ot zSQd6^Ma1P*u~%0|-dG!Tb6wP(4KWWk$3DKe?&&2UTK{}U!pmzLUtQny`ugUdU*G=v z`tH{^AbS7%+x!3j|BH9`&jWhiyd=mkn1PX1Ku}0bTvA5X*u>1j(#pE9sJN!SVfLIk z^Oi1MzT)=X`}ZF_c=!zjzJtJzA3y&6`WSUXo* z-NaXuzccaZ|9VknEyD#C4<8=+mZ;0jagcfK7B-0){lzxLzoUx<+m8Nx8r1UhcInNl z7w5;#?^d~58TI{I>*1$53;|z4Z0E>HmA$#S@91OqGI`eE7Dw%#cMla_FfMvB}@1;4#8?YCUR?XRm767H7B mr(e7OCAgKbv`^g5`d?xpUXO@geCyn+aEyy literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2cc3d7d3d666c2e98c59cf471303d37c44845dd2 GIT binary patch literal 1278 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_mav0G|+7pkfLE2M5Ri0S+Kw zU}p!RX%!ChY8>*SbPHqk)^)h21?y&q>a6c|U)$r>muJ;qVA+yk+Lmpxce?NXS-uBm z_#B+&*PLnAkz?LhXwjQzab|Jw`K2M}mxNtd8aAuieo>S2)C!wv74|pRL_FLa^Jq)V z?RAkGdp$s?&*SF$sCWC5f#}xy=mWC@womriG1=$9O#gQWlHMIi2BP-|Qa1N{ZlCPE zWrFwCN#5`FCVx7Za%pAwyS*u&4x}EQ6A0w)nC!cIn&0J>5kNKDCV3y38@Ok>@8`p* zpAV;OpX|GHitnyzetV|*on91jad|k<{8K>2val~l()P^o11kG+ICb}Qf1om;A$z9# z?VI7he`dhJSpkP;2OgOlbaYW9}ZC zeQ#6D{Y|kCHpf0VIrq`lxF=^9Jl!7uY)8Vg^9x_>OnA9F@y*_(xBEcB^6BM`&xe36 zO#AZs)|WT;zPtsZ`(KZweSLHL+uJ+e-#`5R;o+a3U;q39qHlkHfB*aE$N&HTPkqzh z2aMFbk|4ie21X`k7FIScZhiqlAz^U|Nog5bIeB>n1w~~Q7Z)#I|A4^Ykci0W_=JSS zq}=?%qN0+r^18Z)wpp|1%w4=>`MGoFFI>KIR95 zGppZcZu`C|b@sB<>Yb-@J8ueTt50oH^;&wbe#WPJ&wZQbwg20+bEen>n+1m3dxI?Z z$OwJ6(wO;(v8PGby8HC0uJW9D*$i^6%Qj@6h$~i8n;Vtu5bRm>>V&;W_c!-lc5R2} z?^61E@kXP~3%^Y_N_9Bh?Az~qzMYtV@F>TMDGM?ps@|Xez1{QH{(G@3`<*7+oZ$bq z&+}rnCBLM}!Nxbuw(BpyxS3yIEm*nHOvp=n6IaiPW4)6XiY?rlpHfq^Wc^lG4q5XZ zy>~P?%(-*z&$d)VZ~l-d7IS37R?iAibKQ^AeGjP_T-vZY@P*mZcW#N+H6jOgvL)V_ z(k9&^e4+Dk*aD(&eG<&&2DGOYdE%6{o*>E#70O8qd)}l=mnQ9P y{k-Xbv8dNFBfd`KsX>~0&n{bDuRXJL!WVY-8~)S23ng6z6(ydoelF{r5}E+9_iXk6 literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..ca03b56d5e57d4ac1351d970031678810b52c7cb GIT binary patch literal 439 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*GQaPlzj!{(efu&pUlS@ACe<+w1dAZzvnY1qpuHibN1YYiyuCI`uyeV-+x<}a;^bYws^WYhDb=V9&GeG zWFW$Dpt?5u`WXqKzyJMJ0y__!T5yMvfn$aIR>{Zz9TKc_AN(p-zPZmj;Ci9Q*VW7^ z_tJjZ2;O|{BE2}H!!(K4#MQO6&DHQ@llZbnjk517bl9H7m-D~56gXSxaRk@&_)NR1 vt}_Yt_NwRiniN>_Go8A&%5a@91H(Pn4|=8#U%%-Cx`)Bj)z4*}Q$iB}xscJL literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..935057cb04705b88c28dad634d656c572ca8b94d GIT binary patch literal 828 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_nm`0G|+7pyL1k8U8mkyx;Ee zVW;nhJ>DPodVbvH^J%-smmNM|cYA)_>HT$=*T)?`A9s3v+U@&!m+$ADo?rHOf7#{x zWw-ZdAlm5zL|=A$ec9#x8Hjd!fk~e)yS%=Dq`-o^d_M1jh(owgL7@dyAH;GxjN(P%PZerU;Xy>*7xhPzQ4Ww^WBZ#AMgMEbpOwXTYo-1 z`1AA2pI=}90@3ep|Ni{=|NsBzC316sLFQZ%A+}6H(&)x$E4;?;o^!UkBXU?6!dhPm+TX*igeD&tt`wyQ!fBE+F*Y8R@ zxu?LGu=jLv43Usrd+>SCAqNq*3%esWl)u?q9+Jc?>dJcMNXz*+hl92M(+j?(r5|tk z(Os(<6^}P0r`+G*GzF(RP zQh6D*eMOYo$`jwHXm}kz5@R&k?_A&ZVCBC|8Xt}diJ5Ge0gM?2Pgg&ebxsLQ0OQQH AKL7v# literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..bc827b80953bcafb2c151e87e2b9a4c4159c3155 GIT binary patch literal 578 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP|@uGpAc6djUQCR>sBWjHe{G2 z1ZgJuXvBDHB>SnKUKD(0aqzh%A@dp>7B)J~Z*Y3JIp*rB@JCx>uCET?+~>J%?3n6%aCX3+seT7$2Ao(Be12Kjhl44*r}~~-8un;g z+~aL=Uyh{hoa(!OmjCeuLHlP0yx5uWa#!M>>3%@=q1k~)<^~;~AAD+I$k`>K7nX%x zS`l$|b>xk;Q8(8`-PsWHU~}yA9SNUbUjO{+#{d8SCwsqX0Q$|mB*-tAfss`}P)JN% zQbyL;#LU9d%DS+qxTd~g_MAEMmM&es;`ZJ9_a8iX_zeWUgTRj;KmPsumofDYH_(Ws zo-U3d5|X|LJH;9uB-k$GAB$i1=C|LsxfAy0EZy^8*i&YC^~ZyrD^@A=>8q)(nzb(b z>5d~0k}v-G^76*E&vTxousNK{m;ZhsdAe$Y`n2u)U3;3du20}{EYVlYWh~8$yr=yj z@|sKIE<@k%q6NOiYaDpaDatZt&2^Fz{BY*i4|A_#2QA5V`Na+lGh*hvWj@?==0Wn5 ptZ!kf>uf!F;^(w1;&}97FXJV9m6J*q<~Kp{>FMg{vd$@?2>`S+|11Ci literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed-dark@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b43ccba5dab134ee114338d54b3a3bce3ca8fdcb GIT binary patch literal 1160 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyoCO|{#S9Fx?I6t9|MX)jP*AeO zHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_s8v0X`wFK*baS4i1n30vtfV zz|Iar(<&V1)i~ru=@!Q7t?O`43)amJ)mh)`zP87$FVCvKz_KO7v@P3W?{we&vwRQC z@HsfkuQ}7KBgee2(4sfb;>_aU^Gid{FA2M_G;CJ2{h}u4sTDTUD(r8riFmj<=Fygz z+v_4X_IiL&pU2JhQSbIA1JSMZ(FbM+Y@h72W3tbInf~t%B)vP33`Fk_q-^f@+&q{y=3wL-tJf z+c(31|IC1cvjPsy4m>h9=;*wlb`c42w=#TDT|ORubo zxVAd-`kJVl>!NP%X}!6p?bf>J+v}t6Y>2tDul?@En0uRI?r(~HusQb8*0`tJY`Q^>euWx>V(A)q2|6ee^7zT`+ypkZlU;E;&O==g+$#H8H(!lI&*vhupR zhPGL==geKaWcj&s=Pz8oa^>pPYd3D*zJ2%J!^cmaJbC)`*|TTQpFe-`@zZA@`1b8P z5d8V`=kFH@-g;mX+vMru7$PBAdXPQ(a)1cigW}0sG{0=iEV5HF5)u7=Pgwk2FL(J| zjdyE#-0ud6c68}Z{TH^=#%ANjlfN(7M>$3DZB9Pf;&wGjv#meakW0w(KOEH9eMeOe*@j@##hNr_jae@#1IFaODn`{-Za4UbJ+w{NtF z{xR|Y8|e>q>EZ_sGbU}=@Z{ZjeR(Ffy1S7bJqoIw&)%H)t))DDR)Di`(h7TnKYB+# z*iA20@=ENT&i!<4i^`=NwiBzRwaU+=_6lX3-QW3PE32AkPNi(7vPxt|y=bQOr6&(^ z_8VEmtuwH@v0kR#w~wk=++W0H z7J1{h(Ivelo=La6J#r_cBpv+h@i}qQF<$Zct`?UMG-(2mXYEM@`mvv4FO#quL9*6({ literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png b/src/assets/gtk-3.0/common-assets/assets-yellow/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..0614316b98cebe1ab23f5100291cc562e3378118 GIT binary patch literal 396 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbKJXMsm#F#`kNVGw3Kp1&dmC@5Lt z8c`CQpH@mmtT}V`<;yxP*G8UPlzj!{(efu&pUlS@ACe<+w1dAZzvnY1qpuHEak7A(?ydp^%ezJJ zx|cRV>%pR_OdZj>vpOQLX;&HA@i_lLcnA9wkD+V1gXhtJpDo?mx*f8FKvafi>xonD`I`+nZ#`+2A5mp$HJcKLqU z?fn^ucKQI(m)%}pc6omWqTOC#(&x)AuP-1eu;4DA&$}Sv5H3^@sO1wx9HanAYB!j> z6KD%i5LF6f1xO{-I+(62iyUt*bAGh1{N-kk4?Da-t_55D?OempFE4+6ef8(t>p$P$ z{Qdss|NsB7P5;$_K6fq&@(X5QWKvL6QdU*hH#9aeGq<6Gw04|V^tvmN#zIyZS{fAGVzkK`o>vyG{+*6=&e?46sLnI{E z9?Xnp43uDd@I1q@dy$IP(pvXrn?k%Yo;l9^|3BSIf8EZsV{`J~Nq38Q%f?5&-BucS zCuD~BY5U8`Z;uO1sz^CdE5m5*+h$_);pW={KXqpRMJG9WEz*+sdrFoYOkM8CCwyv= zqp#zVj4gbDOD-xNvF!Cz)ag2SaX#uew6VS>r+pE_M#se}EvqgrSYPx{Vl}_DqTzMyJnm?DP&Lw-p Xzw72+%FHYT1_XnrtDnm{r-UW|@%Lxu literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/common-assets/assets.svg b/src/assets/gtk-3.0/common-assets/assets.svg index 1016bbe1..de12dbca 100644 --- a/src/assets/gtk-3.0/common-assets/assets.svg +++ b/src/assets/gtk-3.0/common-assets/assets.svg @@ -64,7 +64,6 @@ - diff --git a/src/assets/gtk-3.0/common-assets/render-assets.sh b/src/assets/gtk-3.0/common-assets/render-assets.sh index 0d3af934..3a0608af 100755 --- a/src/assets/gtk-3.0/common-assets/render-assets.sh +++ b/src/assets/gtk-3.0/common-assets/render-assets.sh @@ -1,37 +1,69 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" -SRC_FILE="assets.svg" -ASSETS_DIR="assets" INDEX="assets.txt" +INDEX_T="theme_assets.txt" -[[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR -mkdir -p $ASSETS_DIR +for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do + ASSETS_DIR="assets${theme}" + SRC_FILE="assets${theme}.svg" -for i in `cat $INDEX` -do -if [ -f $ASSETS_DIR/$i.png ]; then - echo $ASSETS_DIR/$i.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i.png - $INKSCAPE --export-id=$i \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png -fi -if [ -f $ASSETS_DIR/$i@2.png ]; then - echo $ASSETS_DIR/$i@2.png exists. -else - echo - echo Rendering $ASSETS_DIR/$i@2.png - $INKSCAPE --export-id=$i \ - --export-dpi=192 \ - --export-id-only \ - --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null - $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png -fi + [[ -d $ASSETS_DIR ]] && rm -rf $ASSETS_DIR + mkdir -p $ASSETS_DIR + + if [[ ${theme} == '' ]]; then + for i in `cat $INDEX`; do + if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png + fi + + if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=192 \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png + fi + done + else + for i in `cat $INDEX_T`; do + if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png + fi + + if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. + else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=192 \ + --export-id-only \ + --export-filename=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png + fi + done + fi done + exit 0 diff --git a/src/assets/gtk-3.0/common-assets/theme_assets.txt b/src/assets/gtk-3.0/common-assets/theme_assets.txt new file mode 100644 index 00000000..9f4c2480 --- /dev/null +++ b/src/assets/gtk-3.0/common-assets/theme_assets.txt @@ -0,0 +1,10 @@ +checkbox-checked +checkbox-mixed +radio-checked +radio-mixed +checkbox-checked-selectionmode +checkbox-checked-dark +checkbox-mixed-dark +radio-checked-dark +radio-mixed-dark +checkbox-checked-selectionmode-dark diff --git a/src/assets/gtk-3.0/render-thumbnails.sh b/src/assets/gtk-3.0/render-thumbnails.sh deleted file mode 100755 index aa1dba73..00000000 --- a/src/assets/gtk-3.0/render-thumbnails.sh +++ /dev/null @@ -1,19 +0,0 @@ -#! /usr/bin/env bash - -INKSCAPE="/usr/bin/inkscape" -OPTIPNG="/usr/bin/optipng" - -SRC_FILE="thumbnail.svg" - -[[ -f thumbnail-light.png ]] && rm -rf thumbnail-light.png -echo Rendering thumbnail-light.png - -$INKSCAPE --export-id=thumbnail-light --export-id-only --export-filename=thumbnail-light.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-light.png - -[[ -f thumbnail-dark.png ]] && rm -rf thumbnail-dark.png -echo Rendering thumbnail-dark.png -$INKSCAPE --export-id=thumbnail-dark --export-id-only --export-filename=thumbnail-dark.png $SRC_FILE >/dev/null -$OPTIPNG -o7 --quiet thumbnail-dark.png - -exit 0 diff --git a/src/assets/gtk-3.0/thumbnail.svg b/src/assets/gtk-3.0/thumbnail.svg deleted file mode 100644 index 86e403e8..00000000 --- a/src/assets/gtk-3.0/thumbnail.svg +++ /dev/null @@ -1,111 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh b/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh new file mode 100755 index 00000000..d6aee083 --- /dev/null +++ b/src/assets/gtk-3.0/thumbnails/render-thumbnails.sh @@ -0,0 +1,21 @@ +#! /usr/bin/env bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="thumbnail.svg" + +for theme in '' '-blue' '-purple' '-pink' '-red' '-orange' '-yellow' '-green' '-grey'; do + [[ -f thumbnail-light${theme}.png ]] && rm -rf thumbnail-light${theme}.png + echo Rendering thumbnail-light${theme}.png + + $INKSCAPE --export-id=thumbnail-light${theme} --export-id-only --export-filename=thumbnail-light${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-light${theme}.png + + [[ -f thumbnail-dark${theme}.png ]] && rm -rf thumbnail-dark${theme}.png + echo Rendering thumbnail-dark${theme}.png + $INKSCAPE --export-id=thumbnail-dark${theme} --export-id-only --export-filename=thumbnail-dark${theme}.png $SRC_FILE >/dev/null + $OPTIPNG -o7 --quiet thumbnail-dark${theme}.png +done + +exit 0 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-blue.png new file mode 100644 index 0000000000000000000000000000000000000000..b435e9a01f855f04689856a304793c1b402422d9 GIT binary patch literal 1486 zcmWmEdpOez7zgm5OA!&0qta2L&N*!}(&%Vb&XD7pZJO0E*UDvVu8UpFbuN=dE^`UF z)ybG!^N`Y0j!vA)ksjrC5J#Ii%FI~jcRtVaec$(a|9zk5&GGhh(a}1j1pt7K>qWE= z*ptARYpQ`YenU4BY)bLdJnGNNw4O50dAZ$Ti@wQ$GcK&5{0Tp(%xwCB9&*`#rpo~o! z&EIs-m3n{*H$6Q)y}Z1f-rm{?H57KK8g zQmJuqaq;o-2?+_{4U&_SX*Al+n>SNZQc_b>>2x}S!C*3(EEbE+W~Zm8XJlk#W@ct( zW##1La5$XY+}ympy!`z9f`S4rms?m^SX5NRY72tUC=W{ZEbB`U0r>BeM3V-BWP&5si~>Cxw)mK<-vmo4<9~kZEY0@ z1Z{0??d|PCp|GQ)qqDQKtE;QKySt~SMm7mv@8}e^*#W%(FH&ATh12+IrQ*%XMz~TqR@7`VBf5C9KbSAB?rq)34(cbnuRm^3I2R!8!7APZU|Fdd!p8PF9NL(_w`;hU1xnXH{qEK4X<73e~~;f zEvbCpn|KDJykx_cGSpW}YnBt$8!&s^Ag``DOstmbTzB``CDf6hP}@4f{*iG6qqefR zaP--H{W5kS^04EGQG=>cjaeGS%5~*zb=r9Nip8xxs{1Wag6Ddo2&u`RvoCFLJw_y5vOhDgc6jW^bHhme=#rO-R{TU=TDBES>Aev-YNRp41x1MQ6BNTH)yT2 zeoa8j@{5X57|$#0rG1SDQGZ%!@Hi;bSP#)_NfwzBw0=0Ba}7UHC`}&+}-Sd z0cq^|6V5(4ofL7LDO{cDP__RMhLWC|_bb}QW@xsh9f#=p%xZg2Zx`LuwJra3RCU*pt|B7b?nq;6 zm+3yOx5wTWldcb`udW#GHuy)e=?oer?%h% z)FEZu-PYsXth|zLOkQa{#Dk-!(GdDv{nxJJ{IF<`Uc7L$jf|wYeUKaHu?v`z6eA zAKPq_QpX{wPNfKuD4m2n?#lU|*YmtT@8|ja`T66+c1JrMJ*;vVf}o=)XCxMMJcx$0 z1ekG~vXP(;MLT=PK#=U<{}CIaHU)vDa;yU}7Do+RPp zvagmZ5F~En?&|5FqoV_Z!E|+X;eej59)N%&5D0w}y^DaUo&jK{Z)mP>Y;0^|Vq$4& zX=P<)ZEfw~W9Hyv?&#>~(3t!Ix)!*Mg0Jx4J0m&HBbq^BLgAA}d zC=^OyU|>*CP)JBfXlUpapaK&CRAM3{Bcr0Cu2y?eff`S012!4}vk^<9(dcw~OiWBH z(C!%rbl|T6op^8^MkgV@#Ww-q5fb=>M1W6B6cCdDfp?O?CmCo8O6CM5_xfH3di|J8 zCJW$^QveYu6%dir`Y36Af$0D@JOk(p&dkjG4G><*%F4T3Y%CFq~RmUS2VhQCV48RaI3znq5;< zQ(IeGS65dLjNNExXlQI~Y-(!aa5&A)%`Gi0ZEbDs?d=^M9i5$>U0q#VF1Ne8yQimz z$K&z&e1Sk96beNm(cQau`}_OvO}7tBcMME--k<4wFvA^u#~qsMeZMmKVQu>B=F-a6 zzpGozYg^0TwpZ47R(JNd_rCA$|JXk`IN-oHj37ut9EG&?Bn~dW_9nb=SCpJx9Cxpk zHk~^ns(qBBRU0SukTWKZo+ZmE{c77%Evcxf7+xXQ>UCe<9f>TLw;c{xPp#L@?S5=5 zOfLK$f9Biyk2B@vVHfu6!v2~)kRI1ZE5w>M;10>aCP_YLVqJH`E;OZ0&8O zuDj*GK{AKx7k)^ME)-(u^{1YVnH5|26|q8$S56pjd??+TVJ)`qr_&*=$ep7^oLXJn z33mPwJsE|^eI~f$XScInLrYe}2yd~-8SZ>SvDL9*{^XZU4I5VX+LXDPNfaya4$bfj zZLhyVQ^kL=MBal&WwEIG9zU>`)cmH&DZQr#BtJR}mQW~rg83AtVxiS7Ct6?r)do8N zJ%V`ah+J{-P)uTn>8u}P#9d=t%{Wq^wXta80y!B>nWVntJ4$Zv7BISW?oXXnSCMn@ z*heF?Ob=F%zu5gu(9Y@Tk+ivHG37-f7of!Ytu&ao{gh`k2PKdB`iB&T- z{MMvx7F`4`ko{AYJJ@%7+BpGHA2KH{sPAg!)NZF{UnJVR*%qpXPfHCfJe)oZnQs3K zjb6@8`LoRiVWqlDPfI3UO3j8~x(|MvNO< z7(=&Cilv_m_mr4ecx%IRc{_|TgXx{B966}Ct-K=hbiI32`yYc)w_sKyL1z9vW8}+N z!n`GZVNl_stm@xHxwh5cXDRlKz*ot~yNN%QOZ%J)=}Q4 q5#}lC_pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10_sUb zK~z}7?bl6D6HycfVE#|%cA7z8gJCBcP{`Y%0cmRyF`ZHo5mT*F z)SysB0+F@I!hb0+Cl1Ff z24R7fimt{J$7L;Lf+3h)aoVgnajZ7yWo87nT&zQ$sVlV@fY~+VovX|M%)vl7Z8E`} zx}Tgmo>5_O$>&^ZjGMT#zynR8PPxPHIDwBA*p@t$W;e zUo50|{^cM5^v@jwHia}{`YBQ9U|1-Y(mzHj60*Y$K+C!VE+2r-?%VHY{2n-_7ybTv z!1^FOdK0+cd@np~I|`@V?Vr;`2g7_b5lI_6I~x)a-Qsh?fusoc5`eMjVR+`vfV9$r z_`B#}Vn!F1h-i9S*^)Jw`G{ykQ50o^h`cO2yt2Hu+yM%CC%r*MqxUje$>2UD!7VpmzyzA5gRI(t#8E%6HY(;1LbpC87YA zbF1-T815v1&|!G!HGrOvhz|hbdV}6pFZ@xI9}!B!te=QB6-80L5s`=Ggl(S((Yz)C zu_&Go0YKk80Jv9bfr(fym=^c9!ju8?P9l;v_x3g=BC_YWTp|C+T+$A4QNA;gjADG= z+Y2@bG{-^C6{^$7%6X?e@DccWT00000NkvXXu0mjf^JRjj literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-orange.png new file mode 100644 index 0000000000000000000000000000000000000000..aea0230e797054f8fa24f5bdfe39f191d16a84cf GIT binary patch literal 1478 zcmV;%1v&bOP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10!C0w zR7EQ*D=aK5EiElBE-o)GFEB1FFfT1IFfcJNE;2GQGcz+bHa0gmH#;*dJTojjJUl%$ zECc=sHmx_sj8}~tgNiAuCA}I zuduMNv9YnTva++Yv$V9dwY9ajwzjvox45{ty1Kf%ySu%;y}rJ_#dbHxcR0s-Jjr`K z%Z5+PhfmUcIMaMM)O|SDgF@PlQ{I9(--0>dgE`=YJK=*l;fqJ&j7Q^=Qsk0R4-e(i9PCyKkAM}>W)V0k4Nf|O6!kE?3GdMmQw7OQ|y^n?xAGvrEBk} zZ||yf@UD6E#-a7cqV>n4^~a?3$ffnkruNOO`sLL7=h*!3=KS&K{qpJk^6LHb?EUoZ z{`&U*{QCd>`~Uy{Pa-m000094Nkl? zp+W%*f?E--s}8VQsaqU?#VsH>Ig~267j8sQ@}GG@(w4`z4>bCCA@AjPkzaDYFDECe z(f=r_Vfa6SHH=dYIULg{gasC(Go}tXMr{le6v1p_ie8H$N2^bnz?8t6anliDrpIU$ zz-%%i&LpM)=Aa;)d@(`oJD;37VCw~*aUA1?Ah1dsxvTXZ&{2CDUPx)!HPYv(p{EM{&gy9GUuo@F$cKcD?iJ?6hfn$|e2o4a|FRHw&wn#_ zV};Q0EFi;efYAbA-lF-Z%B?G4IC#ctO#-y5%GS&VveTE973hD5eQwvcXGHzW{B9!h zc6N7ndWl-M^I_q_Djm#c0j#wTgv*cTlvZcJdBUFODh~>KiRfvU_~o$-v#Uh(UKB;K zlZdXc&~WvI+6!|b!vjh^uO=C=Rls=wNV}vD0>Aw6PIe`jYbK%|Q541RMAXcMhBJ++ zh38X(!j?(^OV7e-0j9Z)LEu+?;%CW~;U*dGA)-buY^ia&0Ol$Hn+C%9M*%E32WJkT zbI%G^>Nh_{@oPKzVRo5_K8m6!ejuVc78cfD%tLyu4sh6UC?5cp9|Hh$bt16E5e}xe zeP13?0L*VCBJZc(-j7})S|8?cZL$_sRwYAs#ptB|Y z)kacY3ujvgD@B-Yg#Bt12J8x$e%L zx{c96J`&uN$lWPQK8q|Na(KLwK|nJmayUw(XxNL7)Qx8f$J;RpQ-`ijO^8xB-u|lYCH7ytkO07*qoM6N<$f|hy0mjD0& literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-pink.png new file mode 100644 index 0000000000000000000000000000000000000000..5668dde393cc3db2244218cc8ec01b88e78cf69c GIT binary patch literal 1475 zcmV;!1w8tRP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10z*(t zR7EQ*D=aK5EiElBE-o)GFEA}HFfK1JE-)}KFflJMGBPqVGcz_eHa9mnJ1;amFEuF*iRyKSoAIM@L6UNJvRZNli^nPEJlwPft)#P*PG-Q&Uq^R8&<}RaRD3 zSXfwDSy@_IT3cINTwGjTU0q&YUSD5dU|?WjVPRroVq;@tWMpJ!W@cw+XK6f9YHDh0 zYin$5Y;A3AZ*OmKMpk&larKGag|kamX?;6 zmzSBDnVOoKoSdAVo}QndpP`|lqN1Xsqobsxq^72(r>Cc=sHmx_sj8}~tgNiAuCA}I zuduMNv9YnTva++Yv$V9dwY9ajwzjvox45{ty1Kf%ySu%;y}rJ_!c>RERfxn{ipE-t z$!V3zX_n7ej?h?-(OHnwVU^c!pW0iM+gq00T$kKlnB82L-e;ZOXrAD3qu_9);d7?s zUYq4!oaJAf2|B@fwAj` zwCstt?TxwZlDzY>(DSp<^R&_Pw$k*w)%o1%`rqsP>hk>T^Zf1f{Os?{Qdv`|HuGNN&o-@0ZBwbR9M69*V$VVVH5^%=3^?F)U?bNeIY8-uvD@rGc7gO zuxu~eqo^#3#5SYM3|lQNZ9SS&(Y~1N>-=e5I0N_yJi_GTMZTBc#r$T@_sy9zs&T^< z)d>6_!5YS?!VbqY3Soi8>J0P3jzJsC1Vu2LlB(At>}d6=lbI4&Ghrqo%*xh z#F@$zz#J5WlP@Nyz2}ot`)$3zGmc}t5CB$bBX_ml13Gq3%S$OOyT^DP^~8PG9z3|Z zH;xYgD|uoWR`2w5k(4gacC~zNv+sM{ot|h?-bPSbx408I3x?X2sz$09alN0H%f+z!qC5nBM*Q z^qBl$ej^dNdw>4ybraFr5Ql5Cc~y;bHgt8CC0m?UY^W{H1JWDKMYEu_+j3T3SQrwf zHKuYT$i?!H$Ie?9vb?%G~SY)*T{yZR|}&nn`O3n^(b#u`IwDO?d?tL zV*-36xWvfaL?xd^mJm5SNy#9fiH;nO(kL4C;v;qAnZoflIw2{1H7OxV;dnc21O3QP d+X(#6^B2yb6Hm_X_5}a{002ovPDHLkV1n`D#b^Kk literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-purple.png new file mode 100644 index 0000000000000000000000000000000000000000..897ff3a1e2cbba92af7ceca08a10aa368d7a0125 GIT binary patch literal 1465 zcmV;q1xEUbP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10y%Y;8<(ZEbCDPjYWhb8l~Na8Yz{QFU-| zaB)#}adB~Sa&mKXb98icb#--ic6N7ncX@evdU|?$dwYC*e0_a=etv#`e}900fPsO5 zgM)*FgoK4pjD>}ThEI-$hK7fShlo^7mzh_hnVFfISEHI( zqnetUn^>fqS)`m=q?}u&oMEJ#oSdCprk!b|o}QkcpP!&$sGwn}p<=0_W2vEKs-bGB zp`oFoYN?{4qNAguq;0FDq@<>6uBN7@r){sNr>Cf>sHt$Vsi~=|s;aE4tgf!EudlDL zd$+K#u(7eRva+(Xfx5G^v$V9dwS>I2wY9dkwzs#pxQM>ExVXBF!MeJ-ySux+y}iD^ zzR$1I&#=_cvDDGC)zP!o)w$T|+Ux7x?egjK^Xv5V?e+EV_V)1i`}q6(`uzR;{r~^} zS1lS*00093Nkl01&}6b5kS(!^xBWVZW4lx7&Em8F?2*s8hYnq<3{6|IsT zGflK2qXkQ{y=XO!Y%#NK{a_?vT7BwtrUceZO-6)Cj?*ZB*(^kynM?u9K|whA zVS?IwKRLDE(F;7|IK~SBV3jsfT=ylXFn@`=kb!_7lJ^-v_$1<$m zU~eWV&Gz+b`Q9$LZnrfx*{)toV!>g9%jI$&S?qgiK^6dH7LEbtPLf|vN++OR(9t-& z(%6y22ZfEEBGa}T4}6usSq=cjU1NY%O)}bfhv>ravJi98_hT+j5rV@@fGm#z#xejo zTQ@yyH5b8f{)yR~0%&&}-M17d%-nvoQa>8@x`SUkiH4W?wM5j?KQz?eLe#j14+&Sh zbuc{zu-`foZoOAh*OLY3eQUX^H6YwVM4f};z!e#0dx_|SD2ie~5$$2Y;htB0ud*S- zBTAjqy9ltf!+8$Kc&85lKl<@rb|sjrC!%knD2hWwRL=#6*BO^pzf27XmvsTie+p+A zFwbKQ06+UBewJJrJ}txFi0C*MvebB736mQ@?MS%dHh{e6aFzf%&yql;e)Cflzu3tK zvt2~=Q4~e-0})lRkg)!BIWqfnfWwMQ6#!7s4FIN|`M_aED45><8n{e;Fu#h3Y@fb= z|7atkvU}0*}Ehod!$hQ0Vm-FT*Oyp2sr3|~!5h*mh>{6B{KxYf;MM63 T9bxDU00000NkvXXu0mjf>G!qF literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-red.png new file mode 100644 index 0000000000000000000000000000000000000000..2278ad1b37a30880e5c547aab5f96a7a737908d9 GIT binary patch literal 1477 zcmV;$1v>hPP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10!C0w zR7EQ*D=aK5EiElBE-o)GFEB7LF)b}IE-o@JFETPRGcz+bHa0gmH#;vcJTNajJUl%y zF+Dv!J~A;sKR-rBMn^|SNJvOYNl8sjO-@cuPft%!P*74*Qd3h?R8&+|RaI72R#;eA zSy@?HT3TCMTU=aRU0q#XUS3~cUtnNhVPRonVq#-sV`OAxW@ct*XJ=|^YHMq2Y&<(` zJv?k|Y;A3AZ*OmKaBy*PadL8Ub4EpTMn-c-Msss>baZreb#-=jc6WDod3kwydU|_% zdwhI+eSLj?etv&{e}I61fq{X8gM);GgoTBLhK7cRhlh!YiHeGfi$+C@i;Ij#MU0G$ zjg5_tMMRE{j*mt~kB^U#Mn#a2kda45l9G~>larKGQLl?si~=|s;aE4 ztgf!EudlDLu&}YQv9hwVv$M0bw6wLgwYIjlx3{;rxVXByy1To(y}iA@zP`v+Q_5CU z%34^&8ASyIoU0da7X69&T=WuW5 zac}5!a_nDS?O$E(U|#KEU+rRG?PFo?XlCwcXYOif?rduBa&Yf*aqo0;@OO3bf`IXd zh4PAs@{W!3l9BeZvG=sI_qDY5wzc=Sw)ecd``p|6-{1Y}>iz8O{q61j?(Y5X@BQ)c z{`mO+`}_a={Qv*|E_2Q`00093Nklmh|Dl7H8p9^ zv{KZt%{D7(qgA6w+OtdzTg^6G4@F`7Li=Vp|5+E#06qebF!gki@8x$fznSxWbLNa{ z_&^#%WQDJh2R`w|XCvl!xBUYWdvGx$E_~-5&3qc`Q6^a5|lijZ*?wEzSjioRR^+ zTn7cEL)roLoGy3oio0tr9~L&c7MbSnKN_g~fpP#?+%N!G<(APW&xjuME(@b>2X5w8 zk`Nxw0&-mj7|j4?%$|9y&aw!Gy(cV|3_!c2cKKAGBxhl5rM^GxcfWjnO4Pf|?;s+N z@7p(@hseE!j|f*a>R>tvV1=zOTz9y%ra2dmBers9T}aqNL{GkmpB~FFyFf%fQ4~cV z5uIn@;pV2+raZ`SpHk0gnG9I#;n)LYpVfzeU;KP4yAsUZB%&XpD2m^S=q48)E;LT7 zI-MC3Ha7q$IthmvnBX#ofM52AA0=0YZ^-ZuBD%&!EH#c-!qf<0O<%a;Abm6t+pBf{jz%Nbf7X1&{;G3 zHIOU84dk-4oqYa%dFg%u|94tubuhfr-!k*BOV3-t{!XtJhE})BZ2QU~{;Ki`8`?TM z+tw$9_(*W6vAd~CK8q|Rc6hXsK|m89I~=D`H0&kE>LxRV<86FOTJ&mKN}R&+_MZ*( fgFkJ9@E^}_{Vxb&KLK+`00000NkvXXu0mjf6Fa|d literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png b/src/assets/gtk-3.0/thumbnails/thumbnail-dark-yellow.png new file mode 100644 index 0000000000000000000000000000000000000000..d386ebcfbcbbb26f9e26b0cc86f9ec1c5825c6c8 GIT binary patch literal 1486 zcmV;<1u^=GP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10!&a$ zR7EQ*D=aK5EiElBE-o)GFEB7LF)uAKFfKAME;2GQGcz+bHa0gmH#|2jJUl!-I4(Us zJw7=vKRPf!KR-rBMn^|SNJvOYNl8sjO-@cuPft%!P*74*Qd3h?R8&+|RaI72R#;eA zSy@?HT3TCMTU=aRU0q#XUS3~cUtnNhVPRonVq#-sV`OAxW@ct*XJ=|^YHMq2Y;0_8 zZEbE_HEvrrZ*OmKaBy*PadL8Ub8~ZaVnB3sbai7tbz?wvb#-=jc6WDod3kwydU|_% zdwhI+eSLj?etv&{e}I61fq{X8gM);GgoTBLhK7cRhlh!YiHeGfi;IhljEs$qjgF3v zk8(SYkB^XZJCKl&k#swfbv%-il9P2jlarH_c087rmY01>mzS5Ad`6jlMwxy~nSV=} znVFh@Oq!aSn}AE4oSdGXo}Ztep`oFoqN1atqokyyrlzK+r>Cf>sHv%`s;a82tgNoC zuCK4Ju&}VPv9YqUva_?Zw6wIfwY9dkwzs#pxVX5wy1Ki&yS=@=zP`TApGD51O3$E0 z(4$Jys$A2nT-&He+^I+0sz~3iQQ@^<=(0)avq|c+N$Rvq>$FPixK`}FVC}qL?Y?93 zxl8l9OY^!+^Sey*yG`@EPV>A^^Sn^=zgqOZRrJ1A^uJg1zgYCbVD!Ra^}}NI#Af!% za`wx2_RM?t&VcvOh56p8`QNJf->doGtoq=s`rxkm;;Cxc z{`l?w`S1Sx_y7I+|Ni^`|NmgM#@he@0|QA!K~z}7?bqpFOi>sI@VRI1;8GE?)NjV1 z#n3_+LQ+ywnX+fe82b{#D0`7gS);U&r_><(7Lk29|CkruJ2QRE%%|q^@j}0s=f(Zr z`o*SP!U17n51=|PeJRo^^(X0fr*k2SfdZ#)w>Vqh<)`><<##P z?sl|e4_s|+y>cL2^Z~1RVg=Uj?&=^p9bMbC%DGLw-Q{X;cRjqdl=+8aOG`_gn`U^f znw|szi5UZcg&X9R8}bflQ}4C)t+d@+Ec%5_HOtM54xjW?{zwi0WR?s7*0d|=qbEdn z`~=qX zdQ8-}Ebbzr&hF2jyE}>6c8USv{Bi@#WdK&&`@_Y@vkEJd;5=c^DJ}L1cM{Q~kG%JR z0<+6R^oDcJyNT!`^AA^6R9DP_0{1I*a#ajqI|%1qAmM`12mI{&YsHmep^1pTa?be| zB5D%+!*fmX`RC$%!j=*MX=QL)fGIU5AMo>^{JrcdaH9f$C87o)V5xCB59V?J>-xjF zM*%E33uhK!sF~@j)GvQ<{-KLJFuO!VJ)Cp?mWXOuK-hRb2Z_}Nz+uOsTmVQv1_0*D zsla+iAedhL?7dH3u(*wgT<^Yp>v0j$<^YFlowcB(JO+j{wuS46k$iB(7C3Sn94P>!gbgwv| z=H~A1?&0A9g+jf&yu6DAK0ZFazP^5be*XUc0RaIp7z_@F2L%O%goGdvh_J9Q;I@c} zh{(uD6bcm;6%`#F9RsN4#R940q0wjzpq?KGc+ZWi-;4*;bK~nb5&(qF1Oh*iu#rgk zme{~gN=iyjPEJWlNli^nOG`^nPtVHA!r^c^IXSt2Zb5FhD32)0@8ISW1qB`Kf=+fp z7q76eu&Ai0xVZS;yLTleC8edMWo2dM<>eKCUS>rvs}ewBR`zqN`dHNfGPkCtrna`W zuCDI=`}g(r^>{pUcmHr?~I^#Mo1!&`uh6%0W-q>Ss|HB9vB!H92^`P8v5|z!|?F%$jHd(=;+wk z*!cMP#KgoTV0P&rz}(Vjz?YS&si|qe{K^b~&YA_#nX`1(+}s?6LiqxqF3tmJi&QF= zMx)UIOwq!^!s6oM5@22Q6~GoQ16EnfY~c!k!CCs!yYl z7qz8xNS|%=|4d9RM_e3zb7SDF&K1;Dil$so=o5SLFD5>xA$n@fJ!>b-vTm+J3`NC{ z)~T$?2ua^$1f+90Y$kbOxpf zC%47;sk1llNdmxLXCY+Dk@lJs$uWMtIvI;rP;olBgGfge54Rm%O#@3Vw;^q`AG*3P z+R-TG}+hgthMY+G6qy72^=8n(4*7KXJ zQY)3om_D@Zh1O0~Eh7V*5a)45k)oeZP2gos;WUX%$i19jmu&Mp^-9X`e$!BW?r83W zV3s#op!2M1zslaygCv+qKgUeiV>4o!f4!tB_uFwfIafIq7abbZuCf5!k=!KDNFAuW z(XG{8r~BrkbUZGqf5=N4K9G+cz4|pjRN4$QA#Dg!&CQfLfw4Xfc|!@khJrYvF8>o7 zU!gj0F{)pxxAH_;iR^oEfV~(SkJVXuYL2lwhEYDwymkL9IJ-?#PODSL2u)HEGv`9r zvOJ+hU!;hY=$8kvd&-bXt24tJ5L-!YuD$bjYIZfjvc{m$e!rEF`uZ2wEaKWhI1F+` zveM1+H%g=uDI1D!tD5HCsSoV4V6UWpa;XTG;aelao`095m%Li{`Zuum3%ksOK iJhe=x+3dx?VYnY9hvi@)4gUpxHIS8stvSKe1M`3OtNS+q literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-green.png new file mode 100644 index 0000000000000000000000000000000000000000..d9be776df5be13ccca8c56af8e9eb20642ee8afa GIT binary patch literal 1814 zcmWmFYd9NL1HkdT)Y_(1>t$M+&Gs_oooegSuANq^>Qc2?OH8CBLnNfcrHxBX8|Ge< z3ahxh(U!JRDiR@R+%JhsP$7s*5Y#1!Muk##_Iu9xpXWJW&X;qZlkD=dy(Ux_3V}d0 z9UW|Mf;9q6gFWh?ch?T!!Lpa&;1LFa9BBS`{--_or7zgj3BUGR_^n_}I1wG{2O$!P zrnsQMFdsC*&onsHKUZd@3xTLrxZH5P=H})Ghru+DKF?H8(dmFE1}YKfj=$fJUPg78X8z`t;eeXGKLt zFMy7$mjEy8B`^Ect5tUF3MP}uVzDX#K?xh^p|b_As({{->gs9^Af$5!={3M$NzG76ZEbBG(95XnW4s0W zD!4#DvmO{=HUL6agRru(v9YPCskynirKP2{wY9CSjmP8h`TWk#&aSSm?(XiMo*scf z&rUVnf8J7B8w-E`*wFx)pV+%FUg2LbWG5Fi$cM519}R5SvN4v$O@jZBJ0 z0f|T~7LSdMjgOB{OiWBpPD&(_DPTr24a`i<0LxQSsdN@tmd?s%=78ndIoaGi04ke* z4}i+Sc)zf)u(-Imw6r9X$>ehR3ZVP|D3!|9)zy!{nrdxrO{G$;udi=xY<&9kX>)UP zYisNC=g&Sc=Pw`-b*ZE671v`rt&Oo*%3WB)ib^RaD%oSm!3%TZp7R>cp&h=)xK8Y2 zyCY{B^}1>BD>#(Yy2Ki~@K@4yM%U>x;btaZS~{3nx?a~u1f5<96&44bt>Vm&^jHy9 z_pQe+3c}7EwH3e9Q$^{F%_O8`9uLS9yJ&OJkM;RYXie{$>~B2-+LmZqr_$t%)(brX zO^put>UBXA!ulH{JltOHB#k)J%Ri(yd`sInZqB!?rC488tUQ5(_=C5v!$jOQvX)0Zu|D(=bHJ7 zI}Jka31~R+|9Gz(3CT{dp~Z!T0+B8`?JC+4s&{!?Q|Gq0_^|tCx)FPR?SR=0!_)&o zF>@S+x*@JskTJj=o2=KAd^i>V9qd`Oh3Q*jnne)<*I4XPi^bxTD)j`|I<%! z#y!RAM^$9uo{c4BNLUf<<%ZN1%hXD=Gtb%ixQV#XC*r0xQHsAvkBLg{aDP;N13A_E z0Cv*ku_7@EW=+bd_VXYausWFX?qsX=%q1i-e2_cm96~tGJF2KMsok)Lxoar~5>SNc z3$(v2iZ&7x_d6|HYP9Q*W?NqMh>-{C_Tb6Hp?@mfr1URtC_@AZ z>4I>-egCD4DXv&_8Hpu}s(+DjamiaLN7@XG3F-%Pi02JIbgP|A+B2mVa%H?>mdtQI zn&NQC-m*M+2weQLG(&X~1CkJ!aiR>*I#F%tPI&6d)HH9i^Gw4R?r~|*1ZpO&Dy5fN6*=zhh7)uOaq2er6 zp4K~FZ{*YoOBeTsk$o?Gf=x0d8d?8!cQx@*E)APt&gl0_x!_GqGHND=%xCJ z-I%Z>i|J#=yN?H~(5DyeV0R|W(5+F(xix!7AFhAyD*ylh literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-grey.png new file mode 100644 index 0000000000000000000000000000000000000000..0841c846ff8a714b9298cc6d55bf8ec36526b37d GIT binary patch literal 1552 zcmXBUdpOez7zglQsc0QjE`@`7Ivt&ZE}l-DbU5juNNE*ohp-)nB9me6V%C^jE+KQ5 z%x&hfToz&(!d#17mbuQQVa70y^P|u6zVG*W-ap>wO}X?;8Mxc7~%N<g-OwDk1!jEsz|tgP(p?3|pO+}zx}yu7#hyC@V&K|w)bVPR2GQE_o`Nl6Kn zN-ZrdrO{|*Wo6~%EcXV`gc6PGa?5?h^?(XiMo}S*`-oC!R z{{H^Ypf7s{ei+>I6*M$7G(0>!GBPqcI?Ca2zJ2>PHa5oPa>vKVCnhE)Cnu+-rlvtN zyqTF99%y!M7Bn|M2by1)2Q7SGSXkim`HPE-%OJsuKp#74jA$*1;jITe=*fq5u^mGX zPP^QW;b9KlvC*b2C&DyguCgDvu8y$?Ju`VXUd}ztGa=6gBcs;`Rd)NN`vB)s7vl^8jqG>?$+F6jgSFPZqAUUgtX()Z$?n6k37g@q%vK6M2JU#I-*!^65@kz8d*?_jamES1GPpd8Rp zZ{T~}O_r5?`BJfGNfS+0@3f}x&71eAz5+~53i(!~N7(D9#?MsmMyY9OvL}A&sVaaP zL^y&&U>GKJv3e_Q{xuWD}yuxGClT-}^1!7nCA1uSm(_upclKbq* zHN1;Zwc7lO9y?5{%J4{L)9MRdT=0&9cNc6&8k0kIB^2qgAi86ljuz~Oeaz%cnb@mb zKM`%Zqg4QPRz|%g^;FK=5Bdmal|1v8m-deYMK)D&Sxzce2NhJArZx(&WviDQr8Y#J^0`Y7V9=jKaFhUNXR zN<{bv(s>6$Y4pMLn`$OcTX+{9Lj4mp&))ANRra4S)sOoa(wNDT=`h=Y5aAaS74<|) zwd|v60-hD)kfaUo)&*rE^*P!mT!EqU-gc4Dsx$J+K+ku=+{#ZyN!ldmPi)(;Y;%iU zz}WBM|2o^s4|62f<#j5fvL&UArM>=sFcUqSxO%0Y;kqAf(=8>3#G|!(#gioEK7s0% zl+tSr>*rZV%6E?15dgGn zv*^uEq{UW+5!YBX(?P0TLA~vQEU=E#_*s-cJs3zf6U%Ac-7l~0rhZ(wXnoOusSp9M l)t}Q3S7YR8NI4j-?b5i3oXo^G894aO0aIghBkFZz=>HwCPVN8z literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-orange.png new file mode 100644 index 0000000000000000000000000000000000000000..7ae2ab5c17bc27b920e804087174f3dc8209ca8c GIT binary patch literal 1797 zcmV+g2m1JlP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10=Q62 zR7F))RaRD3T3T9MTwGpWUSD5dU|?WjVPRuqV`XJ!W@ct*XJ=?=XliO|Yinz4Y;16F zaC38Wb#--ic6N7ncX@evdU|?$dwYC*e13j@e}8|0fq{a8f`fyDgoK2Jg@uWUiHeGf zi;IhljEs$qjgF3vk&%&Ll?si~=|s;aB2tE{Z7t*x!DuCA}IuduMNv9YnTva++Yv$V9dwY9ajwzjvo zx45{txw*Nzy1Ki&yS%)-y}iA@zP`V|zreu2!NI}8!otJD!^FhI#l^+O#>UCX$;!&g z%gf8m%*@Tr&Cbrw&(F`$(9qG*(bCe=)6>(`)YR40)z;S5*VotB*x1>SSJ~Ow+K^S+ zkXPE;+S`v(+mKY-+uPiLH{6j{+}haO+}z#O&)wG0-QC^Z-rnEe-{68c;MmdN+0)?Q z;NgNe;gwh6yr1E~r{Te=;o;%pgE->5pW?x%;=-!p;^O0mJ>!f=TSy<>lsuIp&E#=9pUM zvWe!jjpoIx=H}+-hC1hlJLil==Z{L~mssbRTIaHe=d+9Fw2SBG=jety=!!t-i$ds( zL+Fe|=#NV1kV@#0Oz44!S$hdb$sKk14<>5D<>j6&&*L+PGk z>FMd}ia+Y=>g((4?7yAtz@F^v?CsUT?!cVx!Jh8c!S3$v@7BTZ*2M4c@9@{e@#*66 z>ErR~gMt5=JE0I^5@?2=;89}6YHaOlN7BM3`k!(Fh8ne?-Oq1S^YzMN|+*fl^Rrqd&AC`@{YcG>C#AH1bC+ zL1O+|F-`MysOL7z+wRwM&-3Z-`LQ_(+ahzt%O*p`(Q#4dGtBBMvK_jVHp?syH?_bDlu}N^t0%+0pYBwKAfeF--_S37%Mt nV1yu)P#;RD4<*!x66)h$Z;IpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Ll?si~=|s;aB2tE{Z7t*x!DuCA}IuduMNv9YnTva++Yv$V9dwY9ajwzjvo zx45{txw*Nzy1Ki&yS%)-y}iA@zP`V|zreu2!NI}8!otJD!^FhI#l^+O#>UCX$;!&g z%gf8m%*@Tr&Cbrw&(F`$(9qG*(bCe=)6>(`)YR40)z)#K*4Eb7aiG_6q1V^f*jba< zZlBn2pxD^h*>a)T+1c9K+S}XP+*+30+1lLM+uYpT-CLI3(%0SH-QHW5-gKqj-rnC| zn%}d>-{0ThT$tc!pWv*;;Iqi!w8-Gp+2GaM;NallT$$lrn&Ftb;hDPOn!Dkgyy2a^ z;kC)(;o;(4n&M-g;;Y5t;^O07o8w-a<7c4bcc|l?z2l$0x6I_&-Q?utKV!<>lsLp5}k9=7+N8=H}<;=jiC@ z>FMd}tjg-G%IfOs>+9?6tjp}K%k1pz?aJHj%iHeD+wRQW?(XjI%-!$r@9^d9@aF9C z;_C6_?D6I7@#gLE=k4+6?eXaD@$vEU^78ZZ^Yrob^z`)g_4W1k_xASo_xJbs`1twx z`TF|$`}_O+{QUj>{oKyx^Z)<@&q+i!Eb2PbsWI)_wV=n-tBg~-Fbgzx|Wv9 z%^?awL4=Qj1S@<{P^}PpB#3Q~d{*X@RDuOd(+BpzA_%nTL4`?0kOeEykktIM%$(EN zw!7-)_Pe|Ne&0`bzu)h+tU&J9gL}P<^E8Jl&>X5vb10!XOqxUqKKW?;mP4adqU$Mx zFciMgW4~p)5;W@8)T!~uR}+H5BggW4dkN#>&SQfHjkC5;bM*3_UP8&O`#8Ur#wk1# znbkr#z3B-;P!2USD+sOQnnU9h9w#A$)$S0`j#I|hq9O)$u6E~%D8pirD)9dm@Fixc zE0@br0&ctlI7Dre1&V;+x%>>Y`?dIMJ@V4p(My@b7Cwg}z7#%dW!jjgh-W?unM8t_*#Z@Jj(|x( zd?i3m#h1%F-y`zVX$0-MB8V=FJUX&;X48H-dFX8R>|>_*_?x0R1=fmO<;xocQb253 zBC)&$NKvOs{KIC$RnM7%@AVV+AA;`Hx8B#V>*_b1Z2EA3+~=}yc-|yX!k41b+kGOj zzQZ2QbW+0O02!*16EIaGVB&Md=g_}a*?8<$7<>0wj?6Cu+a{n&)CddSh&#VpyBK`$i3iT*+sOX7t$j$Z`fN*VPkPVS z8y~rTu3vLIDN&as_qLhtp{9gqI+|epjeYcVLUg)JK)HCd#Qy-neQ}LP82*;;<3m3gw9T?j9=!c zGj>q(?V6VfYxji>_|o^W=xUxoWK|nA(KE9wP%b_pJQv?2cg69|O->pF+zTCTEtKab zHH(x(jaebIvgr`Gd6WNioqth6O+2p&E8iwG&cu@`d?Fzo{XIpF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10-#V# zR7F))RaRD3T3T9MTwGpWUSD5dU|?WjVPRuqV`XJ!W@ct*XJ=?=XliO|Yinz4Y;16F zaC38Wb#--ic6N7ncX@evdU|?$dwYC*e13j@e}8|0fq{a8f`fyDgoK2Jg@uWUiHeGf zi;IhljEs$qjgF3vk&%&-Qks-hos^W6l~kRTRGyWUm6lbXmX?;6RiKzwpqN&nm|3Bj zR-&0#qMBEunpmTnnwpziq??SYUZ$R3 zrk-D?o?xb)YNeiQrJkOipKGR{ZKt4QsGy*rp=7C{p`oH?s-mKzqi(9BqobvzrKfPN zr*N;QajvIvucxP{sB*BVsHmx_sj8}~tE;Q5tgNkhv#qVIuCA`HudlFzx3I9Vv9YnT zva++Yv$V9dwY9ajwzjvox45{txs|@Txw*QQzPh@)yO_VbnZLWcyS$jeyqUnfyu7`d z!o8cpy}iA@o5H@E!@j=0zrVl0z`()5!NRJ@!otGCsK~>q$iu_K#Hz`}#KgtL#m2_Q z$Fa)Dsm;i;%E_tD$*RrCv&+fJ$;ztE%CpVN%F4^M&dasV%gf8m%*@Tr&Cbrw&(F`$ z(9qG*(bCe=)6>(`)YR40)z;S5*U{J4(%9G6*Vx$D*~#45)Y{qE+1kn7+SS|I*xK6K z+S|(B+u7UO+uPjA-`w2X-PhjT*xudU-QL*W-rnBd-{0Wi;Njun;^N}t;p5}ult)=I7_<=;7<==;-O=?CIp}>FMd}*nt3=kDw4>+I<6?Ck9B z?(XmJ@A2{R^6~WY^78ZZ^Yrxe_4W1j_V@Po_V@Sq`1ttw`T6?#`uqF){QUg={rx}{ zHAMgb1K3GKK~xwS#ldT6m317z@$d6I|GBx#nRBZ)cZyWl+=N3KOL@J+O`d?P|ZFN81+#Jq%!iHb_NBDF?NO}Z$~O`N4$yD)XGIXBOF{=d$7E@v)? zI8QIm=VP2AJyewRP~)VBvPln+9nYJg4`L02eMC zU0z9&iAP)mixw?f^7d6p+SVa)9b1uqLsBQV=)`k+`v{JatsNwpOf^3A#@e?|)|vP= z9VG7X27~|BhbMDB^x+!aD|lqjb$m+W5W%6T4KsJea9&T#D$S87*Y}T=uKaWN*jgHM zkS*<{uY_gW;@=Kbtg>(knyE4yE7t#t#_{6_WIS^($96>-Zm-2-;t`hyWM6iUoc#ik zuh%2!30n)IwaCL8D!S^<%BJTxSGF{m;^G!!31l`#Ca%QrbOS4v78W)v2QJ`Kntxbo z*y=M=aMk5J+6X0&?`YD{_Qy}TJo)Cg6djO;C!!`Ejc?}rS3Z`;$mr@z*=QX7Ks9mI z%`l+xC|tJS5H^;M?|i*2Pe9Pb37|pXSYgQKxpf9hHFIR37>CWIn_1i)}lENq@OYq?%{^`q%8Wj!>rq3LAnM$J@O@EO+7 z8g((31i`W3*cjHHFUeMrzd-Pq;y|=36ghX|++%Hd+S+pYgOYda^_r*JPibBL$)!Wr zGzY8JwQZ`__4BkQlC52WcuK&SHq?`25LYU${AC8HP)LEXELVKSeiE7=tRkr6-#v}1 z^(d1bsKayS;0Ou%_47zlHZCDJ8&?h81Gw&(v&6un9}! zQnj^A()jXfaA+nen}nQ>YJxhGYm+(?N9ACz1k^KBK>#X7LVm%{XJ-*a?^gx+F;Zvj zz!5!ut*A1SR85>6oN-?U0T|nH*;hNS+oa0MEi14HLfLo<788t35K2f7C8UQE(nAU9 Z@i%CBol!WGTPOek002ovPDHLkV1ko#)jt3L literal 0 HcmV?d00001 diff --git a/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png b/src/assets/gtk-3.0/thumbnails/thumbnail-light-red.png new file mode 100644 index 0000000000000000000000000000000000000000..944e168d80067f22813d0ea880c653653bb13aa7 GIT binary patch literal 1795 zcmV+e2mJVnP)pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10Ll?si~=|s;aB2tE{Z7t*x!DuCA}IuduMNv9YnTva++Yv$V9dwY9ajwzjvo zx45{txw*Nzy1Ki&yS%)-y}iA@zP`V|zreu2!NI}8!otJD!^FhI#l^+O#>UCX$;!&g z%gf8m%*@Tr&Cbrw&(F`$(9qG*(bCe=)6>(`)YR40)z;S5*VotB*x1?G+1lFL+uPgR z+}z!9aouuo-PzgQ-QC`AZQgNk-g0r?($e1E-rsX^-{0ThT3F!J)ZpOY;nmgQ;o;(~ zt>Uw@;Wq)K*p*k=B=&f;^OA!=I32o=U`vwXlLi0oadjO=eD)yx3=fFx98{Q=v`ar zot)^Op6KZ4>0VsvoSW&Np6Ti7>Rw#xWMb-QX6klz>UVbPcy{Wap6Z~V>gww2UR>*6 zUF&OV>vwhQd3WoFhU@F=>|b5%V`1!NW9(*R>}F-`YiaCkYV2)m?0WMb`QW9?>S?yarvuCDIx?(eOw@5{>X@9*%guJFss@XO2a%+2x5&GF^t@#g07 z=I8O}=<(?3@$vEU;^Xq<000BhNkl_>9KiAKIp@EpyN9;j>zr4& zm25gQwJG$3FAS}ud=&&vf?gCP?nMYa+7p4G6$N1+Bs1$xh#TtRzw|3pV|MUNK?>Xn*IVs|vUfj>e>ZLH$0EMBhQW#287&Zl>G`_^?p-D}?R7Ksg zGQv>!u6A9EE+{5n$?KlcI;YoB2zqp<-zU%C&DIK}Pqrj&+2xUUzmcCx14c zq1v?)(o;1fML`nA*sPab(Ltr2T2>Xzo8>yU)QVxXk91SD&rG#Z#98J5s^;v>`Qr zfPhUvd>W9RNVEKU0+F+)5RB_;LCmDcqsQweUVdLre$f-{S!aun+e{_Kz$uC9o~s0^ zfTB5NW%UY(lBG0vcw?KZHrj&kgCCmrz!L{2zcTPn-=P-PfAbo#BeLVOlubaBb#uk^ zx$3&u^seSO8c(f;3ew7xP^<~q_#~id-}=I`{ij4gL`ahi5Rty$`J`L zW7Mu`jm9Q+&21seBH#cPS+@2FImIi7xW#AZThk$XNWg8EO&oCu2k#wXY;ff3+N=sUii-^?UNQhjB8bL(R;sXb;qtBMUH+RSP zk3DkbOuJz=amk9%vQN!lL57Rx(%q%pTm2;~;*jif2`Ga{44(UzBog+bx9>5k{n*jP zkKZz%Zo6Dz%&Q~kQ{8Jh_|oyxP4Ak8F#}5)4IaVZ(~3wuKDv+$*WfWH)(G)9Y1Yq4 zvaAj=ertV;u(tQE!WVy#8NXa1P_?>*jO35wO*E%v=qG|3po+gnUhpj8ru^grEeE-83pF8FWQhbW?9;ba!ELWdL_~cP?peYja~^aAhuUa%Y?FJQ@H10>n^E zR7F))RaRD3T3T9MTwGpWUSD5dU|?WjVPRuqV`XJ!W@ct*XJ=?=XliO|Yinz4Y;16F zaC38Wb#--ic6N7ncX@evdU|?$dwYC*e13j@e}8|0fq{a8f`fyDgoK2Jg@uWUiHeGf zi;IhljEs$qjgF3vk&%&Ll?si~=|s;aB2tE{Z7t*x!DuCA}IuduMNv9YnTva++Yv$V9dwY9ajwzjvo zx45{txw*Nzy1Ki&yS%)-y}iA@zP`V|zreu2!NI}8!otJD!^FhI#l^+O#>UCX$;!&g z%gf8m%*@Tr&Cbrw&(F`$(9qG*(bCe=)6>(`)YR40)z;S5*VotB*x1?G+1lFL+uPgR z+}z#U*xlRN-QC^Z+0fqF(ca$P-{0Th;Nao5W8t@B;oQ>U-PGaX;o`Ss;^N}tw_xM9 zVdLZDlq(ut(<4rRL$*=Hb`o%aZ8JljzZ;=+UO==;-OQNa@Os>B^7k%8=>Ruj$sX>DIC7>FMgTNb0?0>dces z&6Vov>g%*g>&}(y>+9^cPVBi??9Gzw&Xnxz?CrKm?aq?z&y?-YmF~7m?!jm7?(Xlm zO7FpD@4;yA$a(MY@9?-v@VZd&yjAeMS@6MT@WN^E*QW5|#qqgH@wrR!yHN4HS@FJF z@xEK}#c=V~rSap&@$TjE@$vGxOY*x<^1D&;yixMJQu4f0^1M{?*rf8vh})`u4gN3`!=;Hg|PHFy8Y__|^|P}rm|+`0!ZPJGq( zqL0k^n@Rd(WbZCKX`H#}50E(n+jz+<;?e8H<9MKENs3kC*~+n5GN-V`a|N%K#Bt?R zl?8F!zBf8Yiod$3gh*^S&OBxE|Cu;y){_zp#zVNuS}b5WO=s?sX5bRXsfLDzrk2x^ zw*Rms9BxDY4QZt;5X4p1Y+z^vdDSO#_!jN_1^3v^2N+Vb{7^ENstM5F}wa5U_9=IK-uCeXH%+lRt=n zh>##jAR;#c%_8*^J}R}mEj{95Uc^{YVO2lqs;Xn5ha?z)j}$}OgtVH2?cd~lflmO< zBH9o5EFlM$BDh4mU|C0`v|+Nl?xg@|#}(ib31@(tI>j(;APy5#WO&Xm1=E&D7*TOa z$gvQS@`-7YYXL2YOfxGEFkMi-sV6eoS+Ru#(-8(rIwvQO2Y|4dqJ$(N?Ypz_>;B!m zbFz7Te|Q;z-}e0lPtND<{#aM9(6BbBu?d3X zc96iMtq&SWx+B=k?^}i1S`vJx=ScA#An9`b5xi<2Y{F63!n~gba23B?L{jYA2x-c~ zA$Vuu7+}pB9M^^iG_Hy6r>iO%9ldTcPYFrJ9G=Y@f + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh index 1b353646..6fb3f538 100755 --- a/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-alt-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh index 685ae939..3dae04d6 100755 --- a/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-alt-small-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/assets/gtk-3.0/windows-assets/render-assets.sh b/src/assets/gtk-3.0/windows-assets/render-assets.sh index 0b5e4812..1d4febc8 100755 --- a/src/assets/gtk-3.0/windows-assets/render-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/assets/gtk-3.0/windows-assets/render-small-assets.sh b/src/assets/gtk-3.0/windows-assets/render-small-assets.sh index 8f1ff824..a3c17ada 100755 --- a/src/assets/gtk-3.0/windows-assets/render-small-assets.sh +++ b/src/assets/gtk-3.0/windows-assets/render-small-assets.sh @@ -1,4 +1,4 @@ -#! /bin/bash +#! /usr/bin/env bash INKSCAPE="/usr/bin/inkscape" OPTIPNG="/usr/bin/optipng" diff --git a/src/main/cinnamon/cinnamon-dark-blue.css b/src/main/cinnamon/cinnamon-dark-blue.css new file mode 100644 index 00000000..3e156f7f --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-blue.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #2E7CF7; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-blue.scss b/src/main/cinnamon/cinnamon-dark-blue.scss new file mode 100644 index 00000000..4af132af --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-blue.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-green.css b/src/main/cinnamon/cinnamon-dark-green.css new file mode 100644 index 00000000..1a01a3a7 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-green.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #79B757; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-green.scss b/src/main/cinnamon/cinnamon-dark-green.scss new file mode 100644 index 00000000..dd8f4580 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-green.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-grey.css b/src/main/cinnamon/cinnamon-dark-grey.css new file mode 100644 index 00000000..9030395e --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-grey.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #8C8C8C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-grey.scss b/src/main/cinnamon/cinnamon-dark-grey.scss new file mode 100644 index 00000000..8c9dd446 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-grey.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-orange.css b/src/main/cinnamon/cinnamon-dark-orange.css new file mode 100644 index 00000000..4dee4094 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-orange.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E9873A; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-orange.scss b/src/main/cinnamon/cinnamon-dark-orange.scss new file mode 100644 index 00000000..abbdb494 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-orange.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-pink.css b/src/main/cinnamon/cinnamon-dark-pink.css new file mode 100644 index 00000000..c5836f02 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-pink.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E55E9C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-pink.scss b/src/main/cinnamon/cinnamon-dark-pink.scss new file mode 100644 index 00000000..61a9fae5 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-pink.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-purple.css b/src/main/cinnamon/cinnamon-dark-purple.css new file mode 100644 index 00000000..8ad83523 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-purple.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #9A57A3; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-purple.scss b/src/main/cinnamon/cinnamon-dark-purple.scss new file mode 100644 index 00000000..f15e8b8c --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-purple.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-red.css b/src/main/cinnamon/cinnamon-dark-red.css new file mode 100644 index 00000000..1ffa7877 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-red.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #ED5F5D; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-red.scss b/src/main/cinnamon/cinnamon-dark-red.scss new file mode 100644 index 00000000..8297c100 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-red.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.css b/src/main/cinnamon/cinnamon-dark-solid-blue.css new file mode 100644 index 00000000..acd9ff64 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-blue.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #2E7CF7; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-blue.scss b/src/main/cinnamon/cinnamon-dark-solid-blue.scss new file mode 100644 index 00000000..326b6cfa --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-blue.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.css b/src/main/cinnamon/cinnamon-dark-solid-green.css new file mode 100644 index 00000000..d3006672 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-green.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #79B757; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-green.scss b/src/main/cinnamon/cinnamon-dark-solid-green.scss new file mode 100644 index 00000000..d39632a8 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-green.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.css b/src/main/cinnamon/cinnamon-dark-solid-grey.css new file mode 100644 index 00000000..e9bea50f --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-grey.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #8C8C8C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-grey.scss b/src/main/cinnamon/cinnamon-dark-solid-grey.scss new file mode 100644 index 00000000..6ad17423 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-grey.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.css b/src/main/cinnamon/cinnamon-dark-solid-orange.css new file mode 100644 index 00000000..0c53afd9 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-orange.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E9873A; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-orange.scss b/src/main/cinnamon/cinnamon-dark-solid-orange.scss new file mode 100644 index 00000000..06513668 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-orange.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.css b/src/main/cinnamon/cinnamon-dark-solid-pink.css new file mode 100644 index 00000000..9187cf16 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-pink.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E55E9C; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-pink.scss b/src/main/cinnamon/cinnamon-dark-solid-pink.scss new file mode 100644 index 00000000..1055c877 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-pink.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.css b/src/main/cinnamon/cinnamon-dark-solid-purple.css new file mode 100644 index 00000000..fbbc3024 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-purple.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #9A57A3; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-purple.scss b/src/main/cinnamon/cinnamon-dark-solid-purple.scss new file mode 100644 index 00000000..6414dce7 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-purple.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.css b/src/main/cinnamon/cinnamon-dark-solid-red.css new file mode 100644 index 00000000..08daefba --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-red.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #ED5F5D; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-red.scss b/src/main/cinnamon/cinnamon-dark-solid-red.scss new file mode 100644 index 00000000..822a75a2 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-red.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.css b/src/main/cinnamon/cinnamon-dark-solid-yellow.css new file mode 100644 index 00000000..12c6bb32 --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-yellow.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #dadada; + font-size: 1em; + padding: 0px; + background-color: #2a2a2a; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #F3BA4B; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #dadada; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #dadada; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #dadada; + background-color: #2a2a2a; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #dadada; + border-radius: 0; + background-color: #2a2a2a; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: #dadada; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(218, 218, 218, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(218, 218, 218, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #dadada; + border: 0 solid rgba(218, 218, 218, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #dadada; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #dadada; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #dadada; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: #505050; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #505050; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: #5d5d5d; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #373737; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #dadada; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #dadada; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #dadada; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-solid-yellow.scss b/src/main/cinnamon/cinnamon-dark-solid-yellow.scss new file mode 100644 index 00000000..f6d75edb --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-solid-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark-solid.scss b/src/main/cinnamon/cinnamon-dark-solid.scss index 0bb640d2..f6330676 100644 --- a/src/main/cinnamon/cinnamon-dark-solid.scss +++ b/src/main/cinnamon/cinnamon-dark-solid.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/cinnamon/cinnamon-dark-yellow.css b/src/main/cinnamon/cinnamon-dark-yellow.css new file mode 100644 index 00000000..3e8c535f --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-yellow.css @@ -0,0 +1,2304 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #dedede; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #dedede; + background-color: #656565; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #f8f8f8; + background-color: #6d6d6d; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #dadada; + border: 2px solid transparent; + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #dadada; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(255, 255, 255, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(36, 36, 36, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #777777; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #666666; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(255, 255, 255, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #dedede; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #dedede; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(255, 255, 255, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(0, 0, 0, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #F3BA4B; +} + +.panel-top { + border-bottom: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-bottom { + border-top: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-left { + border-right: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-right { + border-left: 1px solid rgba(0, 0, 0, 0.22); +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 2px; + background-color: #242424; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #dedede; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #dedede; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(222, 222, 222, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(222, 222, 222, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(222, 222, 222, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #dadada; + background-color: #333333; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #dadada; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #dadada; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #dadada; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #333333; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #333333; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid rgba(0, 0, 0, 0.15); + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #f8f8f8; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(222, 222, 222, 0.35); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #dedede; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #dedede; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(0, 0, 0, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(0, 0, 0, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #242424; + border-radius: 5px; + color: #dedede; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(222, 222, 222, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #262626; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(38, 38, 38, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(38, 38, 38, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(51, 51, 51, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(13, 13, 13, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #dedede; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-dark-yellow.scss b/src/main/cinnamon/cinnamon-dark-yellow.scss new file mode 100644 index 00000000..fe434d5e --- /dev/null +++ b/src/main/cinnamon/cinnamon-dark-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-dark.scss b/src/main/cinnamon/cinnamon-dark.scss index 66eb238d..0390a834 100644 --- a/src/main/cinnamon/cinnamon-dark.scss +++ b/src/main/cinnamon/cinnamon-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/cinnamon/cinnamon-light-blue.css b/src/main/cinnamon/cinnamon-light-blue.css new file mode 100644 index 00000000..63cbb05a --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-blue.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #2E7CF7; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-blue.scss b/src/main/cinnamon/cinnamon-light-blue.scss new file mode 100644 index 00000000..58e2cb70 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-blue.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-green.css b/src/main/cinnamon/cinnamon-light-green.css new file mode 100644 index 00000000..eff6e74e --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-green.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #79B757; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-green.scss b/src/main/cinnamon/cinnamon-light-green.scss new file mode 100644 index 00000000..55c26952 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-green.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-grey.css b/src/main/cinnamon/cinnamon-light-grey.css new file mode 100644 index 00000000..a46ac980 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-grey.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #8C8C8C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-grey.scss b/src/main/cinnamon/cinnamon-light-grey.scss new file mode 100644 index 00000000..d183ecbb --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-grey.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-orange.css b/src/main/cinnamon/cinnamon-light-orange.css new file mode 100644 index 00000000..9970a685 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-orange.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E9873A; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-orange.scss b/src/main/cinnamon/cinnamon-light-orange.scss new file mode 100644 index 00000000..1b4f67e9 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-orange.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-pink.css b/src/main/cinnamon/cinnamon-light-pink.css new file mode 100644 index 00000000..b2eac813 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-pink.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E55E9C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-pink.scss b/src/main/cinnamon/cinnamon-light-pink.scss new file mode 100644 index 00000000..c4f622fc --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-pink.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-purple.css b/src/main/cinnamon/cinnamon-light-purple.css new file mode 100644 index 00000000..cfecbd83 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-purple.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #9A57A3; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-purple.scss b/src/main/cinnamon/cinnamon-light-purple.scss new file mode 100644 index 00000000..d48d7a8f --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-purple.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-red.css b/src/main/cinnamon/cinnamon-light-red.css new file mode 100644 index 00000000..59940be3 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-red.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #ED5F5D; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-red.scss b/src/main/cinnamon/cinnamon-light-red.scss new file mode 100644 index 00000000..a42005ff --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-red.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.css b/src/main/cinnamon/cinnamon-light-solid-blue.css new file mode 100644 index 00000000..3beaf940 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-blue.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #2E7CF7; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #2E7CF7; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #2E7CF7; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #2E7CF7; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #2E7CF7; + color: white; + border: 1px solid #2E7CF7; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #2E7CF7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #2E7CF7; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #2E7CF7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #2E7CF7; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #2E7CF7; + border: 0px solid #2E7CF7; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #2E7CF7; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #2E7CF7; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #2E7CF7; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #2E7CF7; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #2E7CF7; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #2E7CF7; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2E7CF7; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(46, 124, 247, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(46, 124, 247, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #2E7CF7; + background-gradient-end: #2E7CF7; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #2E7CF7; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #2E7CF7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #2E7CF7; +} + +.workspace-button:hover { + color: #5f9bf9; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #2E7CF7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #2E7CF7; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #2E7CF7; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #2E7CF7; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #2E7CF7; + background-color: rgba(46, 124, 247, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-blue.scss b/src/main/cinnamon/cinnamon-light-solid-blue.scss new file mode 100644 index 00000000..10df3cdf --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-blue.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-green.css b/src/main/cinnamon/cinnamon-light-solid-green.css new file mode 100644 index 00000000..a9916db7 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-green.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #79B757; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #79B757; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #79B757; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #79B757; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #79B757; + color: white; + border: 1px solid #79B757; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #79B757; + background-color: #79B757; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #79B757; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #79B757; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #79B757; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #79B757; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #79B757; + border: 0px solid #79B757; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #79B757; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #79B757; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #79B757; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #79B757; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #79B757; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #79B757; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #79B757; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #79B757; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(121, 183, 87, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(121, 183, 87, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #79B757; + background-gradient-end: #79B757; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #79B757; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #79B757; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #79B757; +} + +.workspace-button:hover { + color: #95c67b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #79B757; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #79B757; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #79B757; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #79B757; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #79B757; + background-color: rgba(121, 183, 87, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-green.scss b/src/main/cinnamon/cinnamon-light-solid-green.scss new file mode 100644 index 00000000..7cf7bbf2 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-green.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.css b/src/main/cinnamon/cinnamon-light-solid-grey.css new file mode 100644 index 00000000..7a5152a3 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-grey.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #8C8C8C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #8C8C8C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #8C8C8C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #8C8C8C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #8C8C8C; + color: white; + border: 1px solid #8C8C8C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #8C8C8C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #8C8C8C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #8C8C8C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #8C8C8C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #8C8C8C; + border: 0px solid #8C8C8C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #8C8C8C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #8C8C8C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #8C8C8C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #8C8C8C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #8C8C8C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #8C8C8C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8C8C8C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(140, 140, 140, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(140, 140, 140, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #8C8C8C; + background-gradient-end: #8C8C8C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #8C8C8C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #8C8C8C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #8C8C8C; +} + +.workspace-button:hover { + color: #a6a6a6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #8C8C8C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #8C8C8C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #8C8C8C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #8C8C8C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #8C8C8C; + background-color: rgba(140, 140, 140, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-grey.scss b/src/main/cinnamon/cinnamon-light-solid-grey.scss new file mode 100644 index 00000000..477d37a5 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-grey.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.css b/src/main/cinnamon/cinnamon-light-solid-orange.css new file mode 100644 index 00000000..a9f1de14 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-orange.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E9873A; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E9873A; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E9873A; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E9873A; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E9873A; + color: white; + border: 1px solid #E9873A; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E9873A; + background-color: #E9873A; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E9873A; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E9873A; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E9873A; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E9873A; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E9873A; + border: 0px solid #E9873A; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E9873A; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E9873A; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E9873A; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E9873A; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E9873A; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E9873A; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E9873A; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E9873A; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(233, 135, 58, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(233, 135, 58, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E9873A; + background-gradient-end: #E9873A; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E9873A; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E9873A; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E9873A; +} + +.workspace-button:hover { + color: #eea368; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E9873A; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E9873A; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E9873A; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E9873A; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E9873A; + background-color: rgba(233, 135, 58, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-orange.scss b/src/main/cinnamon/cinnamon-light-solid-orange.scss new file mode 100644 index 00000000..efa31d05 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-orange.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.css b/src/main/cinnamon/cinnamon-light-solid-pink.css new file mode 100644 index 00000000..1a623c5f --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-pink.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #E55E9C; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #E55E9C; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E55E9C; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #E55E9C; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #E55E9C; + color: white; + border: 1px solid #E55E9C; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #E55E9C; + background-color: #E55E9C; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #E55E9C; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #E55E9C; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #E55E9C; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #E55E9C; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #E55E9C; + border: 0px solid #E55E9C; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #E55E9C; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #E55E9C; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #E55E9C; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #E55E9C; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #E55E9C; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #E55E9C; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #E55E9C; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(229, 94, 156, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(229, 94, 156, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #E55E9C; + background-gradient-end: #E55E9C; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #E55E9C; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #E55E9C; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #E55E9C; +} + +.workspace-button:hover { + color: #ec8ab7; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #E55E9C; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #E55E9C; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #E55E9C; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #E55E9C; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #E55E9C; + background-color: rgba(229, 94, 156, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-pink.scss b/src/main/cinnamon/cinnamon-light-solid-pink.scss new file mode 100644 index 00000000..661ff3ae --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-pink.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.css b/src/main/cinnamon/cinnamon-light-solid-purple.css new file mode 100644 index 00000000..531c1058 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-purple.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #9A57A3; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #9A57A3; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9A57A3; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #9A57A3; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #9A57A3; + color: white; + border: 1px solid #9A57A3; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #9A57A3; + background-color: #9A57A3; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #9A57A3; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #9A57A3; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #9A57A3; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #9A57A3; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #9A57A3; + border: 0px solid #9A57A3; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #9A57A3; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #9A57A3; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #9A57A3; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #9A57A3; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #9A57A3; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #9A57A3; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #9A57A3; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(154, 87, 163, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(154, 87, 163, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #9A57A3; + background-gradient-end: #9A57A3; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #9A57A3; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #9A57A3; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #9A57A3; +} + +.workspace-button:hover { + color: #af77b6; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #9A57A3; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #9A57A3; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #9A57A3; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #9A57A3; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #9A57A3; + background-color: rgba(154, 87, 163, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-purple.scss b/src/main/cinnamon/cinnamon-light-solid-purple.scss new file mode 100644 index 00000000..1e3f39b5 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-purple.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-red.css b/src/main/cinnamon/cinnamon-light-solid-red.css new file mode 100644 index 00000000..925f434c --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-red.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #ED5F5D; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #ED5F5D; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #ED5F5D; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #ED5F5D; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #ED5F5D; + color: white; + border: 1px solid #ED5F5D; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #ED5F5D; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #ED5F5D; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #ED5F5D; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #ED5F5D; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #ED5F5D; + border: 0px solid #ED5F5D; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #ED5F5D; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #ED5F5D; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #ED5F5D; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #ED5F5D; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #ED5F5D; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #ED5F5D; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #ED5F5D; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(237, 95, 93, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(237, 95, 93, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #ED5F5D; + background-gradient-end: #ED5F5D; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #ED5F5D; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #ED5F5D; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #ED5F5D; +} + +.workspace-button:hover { + color: #f28c8b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #ED5F5D; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #ED5F5D; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #ED5F5D; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #ED5F5D; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #ED5F5D; + background-color: rgba(237, 95, 93, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-red.scss b/src/main/cinnamon/cinnamon-light-solid-red.scss new file mode 100644 index 00000000..9101ef5e --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-red.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.css b/src/main/cinnamon/cinnamon-light-solid-yellow.css new file mode 100644 index 00000000..1f077fac --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-yellow.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #2a2a2a; + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #363636; + font-size: 1em; + padding: 0px; + background-color: #f1f1f1; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #F3BA4B; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: #363636; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: #363636; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: #2a2a2a; + border: 1px solid #2a2a2a; + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: #2a2a2a; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #363636; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: #2a2a2a; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #2a2a2a; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #363636; + background-color: #f1f1f1; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: #363636; + border-radius: 0; + background-color: #f1f1f1; + border: none; + border-image: url("assets/menu-solid.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: #363636; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: #363636; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(54, 54, 54, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(54, 54, 54, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: #363636; + border: 0 solid rgba(54, 54, 54, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: #363636; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: #363636; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.9); + border: 0px solid #161616; + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid #161616; + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: #363636; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: white; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: white; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #fefefe; + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #363636; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: #363636; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: #363636; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: #2a2a2a; + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: #2a2a2a; + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-solid-yellow.scss b/src/main/cinnamon/cinnamon-light-solid-yellow.scss new file mode 100644 index 00000000..a395d692 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-solid-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light-solid.scss b/src/main/cinnamon/cinnamon-light-solid.scss index ceb34d0f..f6ff3cce 100644 --- a/src/main/cinnamon/cinnamon-light-solid.scss +++ b/src/main/cinnamon/cinnamon-light-solid.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/cinnamon/cinnamon-light-yellow.css b/src/main/cinnamon/cinnamon-light-yellow.css new file mode 100644 index 00000000..74f3e5e4 --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-yellow.css @@ -0,0 +1,2288 @@ +stage { + font-family: Futura Bk bt, sans, Sans-Serif; + font-size: 9pt; + color: #242424; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: inset 0 1px white; +} + +.sound-button:focus, .notification-button:focus, .notification-icon-button:focus, #notification .notification-button:focus, #notification .notification-icon-button:focus { + text-shadow: none; + color: #242424; + background-color: white; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, #notification .notification-icon-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:hover:focus, .notification-button:hover:focus, .notification-icon-button:hover:focus, #notification .notification-button:hover:focus, #notification .notification-icon-button:hover:focus { + text-shadow: none; + color: #0b0b0b; + background-color: #ffffff; + border: 1px solid #F3BA4B; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.sound-button:active, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + border-radius: 5px; +} + +.sound-button:insensitive, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive { + text-shadow: none; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + border-radius: 5px; +} + +.modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 5px; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.modal-dialog-button-box .modal-dialog-button:focus { + color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +#menu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 7px; + caret-size: 1px; + selection-background-color: #F3BA4B; + selected-color: white; + transition-duration: 300ms; + border-radius: 5px; + color: #363636; + border: 2px solid transparent; + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #363636; + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); +} + +#menu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0); +} + +#menu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 4px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.1); + border-radius: 8px; +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #a1a1a1; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b6b6b6; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #F3BA4B; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-item:active .popup-slider-menu-item, .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: white; +} + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("assets/checkbox-unchecked.svg"); +} + +.radiobutton:focus StBin { + background-image: url("assets/checkbox-unchecked-focused.svg"); +} + +.radiobutton:checked StBin { + background-image: url("assets/checkbox-checked.svg"); +} + +.radiobutton:focus:checked StBin { + background-image: url("assets/checkbox-checked-focused.svg"); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.cinnamon-link { + color: #3484e2; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #619fe8; +} + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: rgba(42, 42, 42, 0.9); + color: #dadada; + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 4px 4px 6px 4px; + color: #242424; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + background-gradient-direction: none; + box-shadow: none; + border-image: url("assets/submenu.svg") 15 15 2 2; +} + +.menu .popup-sub-menu .popup-menu-item:ltr, +.popup-menu .popup-sub-menu .popup-menu-item:ltr, +.popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 8px; +} + +.menu .popup-sub-menu .popup-menu-item:rtl, +.popup-menu .popup-sub-menu .popup-menu-item:rtl, +.popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 8px; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; +} + +.menu .popup-menu-item:active, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:active { + color: white; + border-image: url("assets/menu-hover.svg") 15 15 2 2; +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: #242424; +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: white; +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; + margin: 0.4em 0.5em 0.5em; + border-radius: 2px; +} + +.popup-combo-menu { + padding: 10px; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1px; + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-bottom-width: 1px; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: .5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: .5em; +} + +#panel { + font-weight: bold; + height: 27px; + width: 32px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); +} + +#panelRight:ltr { + padding-left: 4px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 4px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: white; + font-size: 1em; + padding: 0px; + background-color: rgba(255, 255, 255, 0.16); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: white; + background-color: #F3BA4B; +} + +.panel-dummy { + background-color: rgba(252, 65, 56, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(252, 65, 56, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: white; +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: white; +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(42, 42, 42, 0.9); + color: #dadada; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +#selected.window-caption { + background-color: #F3BA4B; + color: white; + border: 1px solid #F3BA4B; + spacing: 25px; +} + +.expo-workspaces-name-entry, +#selected.expo-workspaces-name-entry { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.expo-workspaces-name-entry:focus, +#selected.expo-workspaces-name-entry:focus { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + color: white; + font-style: italic; + transition-duration: 300; + selection-background-color: white; + selected-color: #F3BA4B; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; +} + +#active.expo-workspace-thumbnail-frame { + border: 4px solid #F3BA4B; + background-color: black; + border-radius: 2px; +} + +.expo-background { + background-color: #2a2a2a; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 2px; + background-color: #ffffff; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.calendar { + padding: .4em 1.75em; + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-month-label { + color: #242424; + font-weight: bold; + margin: 0 2px; + padding: 2px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 24px; + height: 24px; + margin: 0; + padding: 0; + border-radius: 100px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: .4em 1.75em; + font-weight: bold; + text-align: center; + color: #242424; + border-radius: 2px; +} + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 25px; + height: 25px; + padding: 0.1em; + margin: 2px; + border-radius: 12.5px; +} + +.calendar-day-heading { + color: rgba(36, 36, 36, 0.85); + margin-top: 1em; + font-size: 70%; +} + +.calendar-day { + border-width: 0; + color: rgba(36, 36, 36, 0.8); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: white; + background-color: #F3BA4B; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.3); + opacity: 1; +} + +.calendar-week-number { + color: rgba(36, 36, 36, 0.7); + font-size: 80%; +} + +#notification { + border-radius: 3px; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #363636; + background-color: #f5f5f5; +} + +#notification .notification-button, #notification .notification-icon-button { + padding: 5px; +} + +.menu #notification, .popup-menu #notification { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #363636; +} + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; +} + +#notification.multi-line-notification { + padding-bottom: 13px; + color: #363636; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 5px; +} + +#notification-actions { + spacing: 10px; +} + +.notification-with-image { + min-height: 159px; + color: #363636; +} + +.notification-button, .notification-icon-button { + padding: 5px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 2px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #F3BA4B; +} + +.switcher-list .item-box:selected { + color: white; + background-color: #F3BA4B; + border: 0px solid #F3BA4B; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #dadada; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: white; +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: white; +} + +.modal-dialog { + color: #dadada; + background-color: rgba(34, 34, 34, 0.95); + border: 1px solid rgba(0, 0, 0, 0.65); + padding: 0 5px 6px 5px; + border-radius: 5px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); +} + +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.run-dialog { + padding: 0px 15px 10px 15px; + background-color: #f5f5f5; + border-radius: 5px; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #dadada; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #FC4138; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #dadada; + selected-color: white; + selection-background-color: #F3BA4B; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog-entry:focus { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #F27835; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: white; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#keyboard { + background-color: rgba(42, 42, 42, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: none; + color: #dadada; + background-color: rgba(98, 98, 98, 0.96); +} + +.keyboard-key:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.keyboard-key:active, .keyboard-key:checked { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.keyboard-key:grayed { + text-shadow: none; + color: #5f5f5f; + background-color: rgba(98, 98, 98, 0.81); +} + +.keyboard-subkeys { + color: #dadada; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: rgba(42, 42, 42, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 3px; +} + +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-favorites-button:hover { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-places-box { + margin: auto; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 10px; +} + +.menu-categories-box { + padding: 10px 30px 10px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; +} + +.menu-application-button { + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + text-shadow: none; + color: white; + background-color: #F3BA4B; + border: 1px solid #487afa; + padding: 6px; + border-radius: 2px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 5px; +} + +.menu-application-button-label:rtl { + padding-right: 5px; +} + +.menu StScrollView.menu-application-button { + padding: 0; + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 7px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: #F3BA4B; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 7px 5px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 5px 7px 0; +} + +.menu-category-button { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0); + border-radius: 5px; +} + +.menu-category-button-selected { + padding: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +.menu-category-button-hover, .menu-category-button-selected { + text-shadow: none; + color: #0b0b0b; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + border-radius: 5px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(36, 36, 36, 0.45); + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-category-button-label:ltr { + padding-left: 5px; +} + +.menu-category-button-label:rtl { + padding-right: 5px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #242424; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #242424; +} + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: white; + background-color: rgba(255, 255, 255, 0.16); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: white; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.16); + border: none; + border-image: url("assets/menu.svg") 15 15 15 15; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 2px; + color: #F3BA4B; +} + +.osd-window .level-bar { + border-radius: 2px; + background-color: #F3BA4B; +} + +.window-list-box { + spacing: 0; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.9); + border: 0 solid transparent; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top-width: 2px; +} + +.panel-top .window-list-item-box StIcon, .panel-top .window-list-item-box StBin, .panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom-width: 2px; +} + +.panel-bottom .window-list-item-box StIcon, .panel-bottom .window-list-item-box StBin, .panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left-width: 2px; +} + +.panel-left .window-list-item-box StIcon, .panel-left .window-list-item-box StBin, .panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right-width: 2px; +} + +.panel-right .window-list-item-box StIcon, .panel-right .window-list-item-box StBin, .panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:hover { + border-right-width: 2px; +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:active, .panel-bottom .window-list-item-box:checked, .panel-bottom .window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:running { + border-right-width: 2px; +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .window-list-item-box:focus { + border-right-width: 2px; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.window-list-preview { + padding: 12px; + spacing: 8px; + border: none; + background-color: #ffffff; + border-radius: 5px; + color: #242424; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(252, 65, 56, 0.5); +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 2px; + spacing: 4px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 2px; + border: 2px solid #F3BA4B; +} + +.grouped-window-list-thumbnail-menu .item-box:selected { + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(255, 255, 255, 0.33); +} + +.grouped-window-list-number-label { + z-index: 99; + text-shadow: none; + font-size: 10px; + color: white; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 4px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #F3BA4B; +} + +.grouped-window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); + border: 0 solid transparent; +} + +.grouped-window-list-item-box.top { + border-top-width: 2px; +} + +.grouped-window-list-item-box.top StIcon, .grouped-window-list-item-box.top StBin, .grouped-window-list-item-box.top #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.grouped-window-list-item-box.bottom { + border-bottom-width: 2px; +} + +.grouped-window-list-item-box.bottom StIcon, .grouped-window-list-item-box.bottom StBin, .grouped-window-list-item-box.bottom #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.grouped-window-list-item-box.left { + border-left-width: 2px; +} + +.grouped-window-list-item-box.left StIcon, .grouped-window-list-item-box.left StBin, .grouped-window-list-item-box.left #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.grouped-window-list-item-box.right { + border-right-width: 2px; +} + +.grouped-window-list-item-box.right StIcon, .grouped-window-list-item-box.right StBin, .grouped-window-list-item-box.right #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.grouped-window-list-item-box:hover { + color: white; + border: 0 solid rgba(255, 255, 255, 0.5); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:hover { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:hover { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:hover { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:hover { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active, .grouped-window-list-item-box:checked, .grouped-window-list-item-box:running { + color: white; + border: 0 solid rgba(243, 186, 75, 0.35); + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:active, .panel-top .grouped-window-list-item-box:checked, .panel-top .grouped-window-list-item-box:running { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:active, .panel-bottom .grouped-window-list-item-box:checked, .panel-bottom .grouped-window-list-item-box:running { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:active, .panel-left .grouped-window-list-item-box:checked, .panel-left .grouped-window-list-item-box:running { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:active, .panel-right .grouped-window-list-item-box:checked, .panel-right .grouped-window-list-item-box:running { + border-right-width: 2px; +} + +.grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:checked:hover, .grouped-window-list-item-box:running:hover { + border-color: rgba(243, 186, 75, 0.5); +} + +.grouped-window-list-item-box:focus { + color: white; + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .grouped-window-list-item-box:focus { + border-top-width: 2px; +} + +.panel-bottom .grouped-window-list-item-box:focus { + border-bottom-width: 2px; +} + +.panel-left .grouped-window-list-item-box:focus { + border-left-width: 2px; +} + +.panel-right .grouped-window-list-item-box:focus { + border-right-width: 2px; +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #F3BA4B; + background-gradient-end: #F3BA4B; + border-radius: 2px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #F27835; + background-gradient-end: #F27835; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: .4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 3px; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 100px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(36, 36, 36, 0.25); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 29, 29, 0.8); + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + color: #dadada; +} + +.sound-player-overlay StButton { + width: 22px; + height: 16px; + padding: 6px; + margin: 0 2px; + color: #dadada; + border-radius: 3px; + border: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + text-shadow: none; + color: #dadada; + background-color: #747474; +} + +.sound-player-overlay StButton:active { + text-shadow: none; + color: white; + background-color: #F3BA4B; +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(22, 22, 22, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: rgba(0, 0, 0, 0.12); + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #F3BA4B; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: white; + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #F3BA4B; +} + +.workspace-button:hover { + color: #f6cc7b; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #F3BA4B; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(255, 255, 255, 0.16); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(255, 255, 255, 0.16); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; +} + +.panel-launcher:hover { + background-gradient-direction: none; + border: 0px solid #F3BA4B; +} + +.panel-bottom .panel-launcher:hover { + border-bottom-width: 2px; + padding-bottom: 0; +} + +.panel-top .panel-launcher:hover { + border-top-width: 2px; + padding-top: 0; +} + +.panel-left .panel-launcher:hover { + border-left-width: 2px; + padding-left: 0; +} + +.panel-right .panel-launcher:hover { + border-right-width: 2px; + padding-right: 0; +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; +} + +.launcher:hover { + border: 0 solid #F3BA4B; + background-gradient-direction: none; +} + +.panel-top .launcher:hover { + padding-top: 0; + border-top-width: 2px; +} + +.panel-bottom .launcher:hover { + padding-bottom: 0; + border-bottom-width: 2px; +} + +.panel-left .launcher:hover { + padding-left: 0; + border-left-width: 2px; +} + +.panel-right .launcher:hover { + padding-right: 0; + border-right-width: 2px; +} + +.launcher .icon-box { + padding: 0 2px; +} + +.launcher .icon-box.vertical { + padding: 2px 0; +} + +.applet-separator { + padding: 1px 4px; +} + +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: white; + text-shadow: none; + transition-duration: 100; +} + +.applet-box.vertical { + padding: 3px 0; +} + +.applet-box:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +.applet-box:checked, .applet-box:checked:hover { + color: white; + background-color: #F3BA4B; +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(252, 65, 56, 0.5); +} + +.applet-label { + font-weight: bold; + color: white; +} + +.applet-box:checked .applet-label { + color: white; + text-shadow: none; +} + +.applet-icon { + color: white; + icon-size: 22px; +} + +.applet-box:checked .applet-icon { + color: white; + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #242424; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #dadada; +} + +.desklet:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-with-borders-and-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(252, 65, 56, 0.5); +} + +.desklet-header { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #F3BA4B; + background-color: rgba(243, 186, 75, 0.3); +} + +.photoframe-box { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: .5em 1em; +} + +.notification-applet-container { + max-height: 100px; +} + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/src/main/cinnamon/cinnamon-light-yellow.scss b/src/main/cinnamon/cinnamon-light-yellow.scss new file mode 100644 index 00000000..ea8c042a --- /dev/null +++ b/src/main/cinnamon/cinnamon-light-yellow.scss @@ -0,0 +1,10 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/cinnamon/drawing'; +@import '../../sass/cinnamon/common'; diff --git a/src/main/cinnamon/cinnamon-light.scss b/src/main/cinnamon/cinnamon-light.scss index 6dce1dcb..bbfcfeae 100644 --- a/src/main/cinnamon/cinnamon-light.scss +++ b/src/main/cinnamon/cinnamon-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gdm3-dark-blue.css b/src/main/gnome-shell/gdm3-dark-blue.css new file mode 100644 index 00000000..138381f8 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-blue.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-blue.scss b/src/main/gnome-shell/gdm3-dark-blue.scss new file mode 100644 index 00000000..6bf78759 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-blue.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-green.css b/src/main/gnome-shell/gdm3-dark-green.css new file mode 100644 index 00000000..e577b208 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-green.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-green.scss b/src/main/gnome-shell/gdm3-dark-green.scss new file mode 100644 index 00000000..80f8a5e1 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-green.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-grey.css b/src/main/gnome-shell/gdm3-dark-grey.css new file mode 100644 index 00000000..6b831609 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-grey.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-grey.scss b/src/main/gnome-shell/gdm3-dark-grey.scss new file mode 100644 index 00000000..b2900f2c --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-grey.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-orange.css b/src/main/gnome-shell/gdm3-dark-orange.css new file mode 100644 index 00000000..ef89e0e9 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-orange.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-orange.scss b/src/main/gnome-shell/gdm3-dark-orange.scss new file mode 100644 index 00000000..68671a44 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-orange.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-pink.css b/src/main/gnome-shell/gdm3-dark-pink.css new file mode 100644 index 00000000..0e268d2a --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-pink.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-pink.scss b/src/main/gnome-shell/gdm3-dark-pink.scss new file mode 100644 index 00000000..5d52e9c9 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-pink.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-purple.css b/src/main/gnome-shell/gdm3-dark-purple.css new file mode 100644 index 00000000..03d965ee --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-purple.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-purple.scss b/src/main/gnome-shell/gdm3-dark-purple.scss new file mode 100644 index 00000000..2db63c46 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-purple.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-red.css b/src/main/gnome-shell/gdm3-dark-red.css new file mode 100644 index 00000000..3d1b10f0 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-red.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-red.scss b/src/main/gnome-shell/gdm3-dark-red.scss new file mode 100644 index 00000000..8a126eb1 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-red.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark-yellow.css b/src/main/gnome-shell/gdm3-dark-yellow.css new file mode 100644 index 00000000..72f6778a --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-yellow.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-dark-yellow.scss b/src/main/gnome-shell/gdm3-dark-yellow.scss new file mode 100644 index 00000000..b1680205 --- /dev/null +++ b/src/main/gnome-shell/gdm3-dark-yellow.scss @@ -0,0 +1,29 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-dark.scss b/src/main/gnome-shell/gdm3-dark.scss index af0b47bf..e5e664e3 100644 --- a/src/main/gnome-shell/gdm3-dark.scss +++ b/src/main/gnome-shell/gdm3-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gdm3-light-blue.css b/src/main/gnome-shell/gdm3-light-blue.css new file mode 100644 index 00000000..09e54132 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-blue.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-blue.scss b/src/main/gnome-shell/gdm3-light-blue.scss new file mode 100644 index 00000000..c637ed74 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-blue.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-green.css b/src/main/gnome-shell/gdm3-light-green.css new file mode 100644 index 00000000..f5a5de3b --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-green.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-green.scss b/src/main/gnome-shell/gdm3-light-green.scss new file mode 100644 index 00000000..8a80b216 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-green.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-grey.css b/src/main/gnome-shell/gdm3-light-grey.css new file mode 100644 index 00000000..7959e46b --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-grey.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-grey.scss b/src/main/gnome-shell/gdm3-light-grey.scss new file mode 100644 index 00000000..53b2ac59 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-grey.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-orange.css b/src/main/gnome-shell/gdm3-light-orange.css new file mode 100644 index 00000000..edb9ab64 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-orange.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-orange.scss b/src/main/gnome-shell/gdm3-light-orange.scss new file mode 100644 index 00000000..92c2fa93 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-orange.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-pink.css b/src/main/gnome-shell/gdm3-light-pink.css new file mode 100644 index 00000000..2776657d --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-pink.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-pink.scss b/src/main/gnome-shell/gdm3-light-pink.scss new file mode 100644 index 00000000..65cc22a1 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-pink.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-purple.css b/src/main/gnome-shell/gdm3-light-purple.css new file mode 100644 index 00000000..9d2d05b2 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-purple.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-purple.scss b/src/main/gnome-shell/gdm3-light-purple.scss new file mode 100644 index 00000000..9b89c187 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-purple.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-red.css b/src/main/gnome-shell/gdm3-light-red.css new file mode 100644 index 00000000..3f9cac84 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-red.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-red.scss b/src/main/gnome-shell/gdm3-light-red.scss new file mode 100644 index 00000000..baecff3e --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-red.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light-yellow.css b/src/main/gnome-shell/gdm3-light-yellow.css new file mode 100644 index 00000000..48ed76dd --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-yellow.css @@ -0,0 +1,2053 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} diff --git a/src/main/gnome-shell/gdm3-light-yellow.scss b/src/main/gnome-shell/gdm3-light-yellow.scss new file mode 100644 index 00000000..d48e35a0 --- /dev/null +++ b/src/main/gnome-shell/gdm3-light-yellow.scss @@ -0,0 +1,29 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets/base'; +@import '../../sass/gnome-shell/widgets/buttons'; +@import '../../sass/gnome-shell/widgets/calendar'; +@import '../../sass/gnome-shell/widgets/checkbox'; +//@import '../../sass/gnome-shell/widgets/dashboard'; +//@import '../../sass/gnome-shell/widgets/dialogs'; +@import '../../sass/gnome-shell/widgets/entrys'; +@import '../../sass/gnome-shell/widgets/keyboard'; +@import '../../sass/gnome-shell/widgets/login-dialog'; +//@import '../../sass/gnome-shell/widgets/looking-glass'; +//@import '../../sass/gnome-shell/widgets/misc'; +//@import '../../sass/gnome-shell/widgets/notifications'; +//@import '../../sass/gnome-shell/widgets/osd'; +//@import '../../sass/gnome-shell/widgets/overview'; +@import '../../sass/gnome-shell/widgets/panel'; +@import '../../sass/gnome-shell/widgets/popovers'; +@import '../../sass/gnome-shell/widgets/screen-shield'; +@import '../../sass/gnome-shell/widgets/scrollbar'; +@import '../../sass/gnome-shell/widgets/slider'; +@import '../../sass/gnome-shell/widgets/switch'; diff --git a/src/main/gnome-shell/gdm3-light.scss b/src/main/gnome-shell/gdm3-light.scss index 04884a6c..8c58ae96 100644 --- a/src/main/gnome-shell/gdm3-light.scss +++ b/src/main/gnome-shell/gdm3-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-alt-blue.css new file mode 100644 index 00000000..12107a9e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss b/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss new file mode 100644 index 00000000..d252bfd3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-alt-green.css new file mode 100644 index 00000000..822e9b31 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-green.scss b/src/main/gnome-shell/gnome-shell-dark-alt-green.scss new file mode 100644 index 00000000..2c2daa3b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-alt-grey.css new file mode 100644 index 00000000..c78e673c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss b/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss new file mode 100644 index 00000000..0dcbea3d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-alt-orange.css new file mode 100644 index 00000000..5c2f8897 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss b/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss new file mode 100644 index 00000000..1d8a8376 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-alt-pink.css new file mode 100644 index 00000000..91727576 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss b/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss new file mode 100644 index 00000000..056e73f1 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-alt-purple.css new file mode 100644 index 00000000..7851c034 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss b/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss new file mode 100644 index 00000000..4f964dde --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-alt-red.css new file mode 100644 index 00000000..71976dcb --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-red.scss b/src/main/gnome-shell/gnome-shell-dark-alt-red.scss new file mode 100644 index 00000000..155a05ec --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css new file mode 100644 index 00000000..957bb8a7 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss new file mode 100644 index 00000000..0a565992 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-alt.scss b/src/main/gnome-shell/gnome-shell-dark-alt.scss index 27a8d486..92b36341 100644 --- a/src/main/gnome-shell/gnome-shell-dark-alt.scss +++ b/src/main/gnome-shell/gnome-shell-dark-alt.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-blue.css b/src/main/gnome-shell/gnome-shell-dark-blue.css new file mode 100644 index 00000000..12107a9e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-blue.scss b/src/main/gnome-shell/gnome-shell-dark-blue.scss new file mode 100644 index 00000000..d252bfd3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-green.css b/src/main/gnome-shell/gnome-shell-dark-green.css new file mode 100644 index 00000000..822e9b31 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-green.scss b/src/main/gnome-shell/gnome-shell-dark-green.scss new file mode 100644 index 00000000..2c2daa3b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-grey.css b/src/main/gnome-shell/gnome-shell-dark-grey.css new file mode 100644 index 00000000..c78e673c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-grey.scss b/src/main/gnome-shell/gnome-shell-dark-grey.scss new file mode 100644 index 00000000..0dcbea3d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-orange.css b/src/main/gnome-shell/gnome-shell-dark-orange.css new file mode 100644 index 00000000..5c2f8897 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-orange.scss b/src/main/gnome-shell/gnome-shell-dark-orange.scss new file mode 100644 index 00000000..1d8a8376 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-pink.css b/src/main/gnome-shell/gnome-shell-dark-pink.css new file mode 100644 index 00000000..91727576 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-pink.scss b/src/main/gnome-shell/gnome-shell-dark-pink.scss new file mode 100644 index 00000000..056e73f1 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-purple.css b/src/main/gnome-shell/gnome-shell-dark-purple.css new file mode 100644 index 00000000..7851c034 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-purple.scss b/src/main/gnome-shell/gnome-shell-dark-purple.scss new file mode 100644 index 00000000..4f964dde --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-red.css b/src/main/gnome-shell/gnome-shell-dark-red.css new file mode 100644 index 00000000..71976dcb --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-red.scss b/src/main/gnome-shell/gnome-shell-dark-red.scss new file mode 100644 index 00000000..155a05ec --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css new file mode 100644 index 00000000..73dab021 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss new file mode 100644 index 00000000..19c13653 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css new file mode 100644 index 00000000..4ef75ca3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss new file mode 100644 index 00000000..b2d79a16 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css new file mode 100644 index 00000000..651bd04c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss new file mode 100644 index 00000000..0a0482e0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css new file mode 100644 index 00000000..01daebde --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss new file mode 100644 index 00000000..8fbe0479 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css new file mode 100644 index 00000000..ef940615 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss new file mode 100644 index 00000000..6788d02c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css new file mode 100644 index 00000000..ca2215a0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss new file mode 100644 index 00000000..2107ee92 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css new file mode 100644 index 00000000..a4aa28d6 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss new file mode 100644 index 00000000..997b6561 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css new file mode 100644 index 00000000..bfcdadcd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss new file mode 100644 index 00000000..a348902c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss b/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss index d83dae04..4341fec6 100644 --- a/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss +++ b/src/main/gnome-shell/gnome-shell-dark-solid-alt.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-blue.css b/src/main/gnome-shell/gnome-shell-dark-solid-blue.css new file mode 100644 index 00000000..73dab021 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #3781f6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #3781f6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss b/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss new file mode 100644 index 00000000..19c13653 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-blue.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-green.css b/src/main/gnome-shell/gnome-shell-dark-solid-green.css new file mode 100644 index 00000000..4ef75ca3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #7eb95e; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #7eb95e; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-green.scss b/src/main/gnome-shell/gnome-shell-dark-solid-green.scss new file mode 100644 index 00000000..b2d79a16 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-green.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-grey.css b/src/main/gnome-shell/gnome-shell-dark-solid-grey.css new file mode 100644 index 00000000..651bd04c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #909090; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #909090; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss b/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss new file mode 100644 index 00000000..0a0482e0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-grey.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-orange.css b/src/main/gnome-shell/gnome-shell-dark-solid-orange.css new file mode 100644 index 00000000..01daebde --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e88b42; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e88b42; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss b/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss new file mode 100644 index 00000000..8fbe0479 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-orange.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-pink.css b/src/main/gnome-shell/gnome-shell-dark-solid-pink.css new file mode 100644 index 00000000..ef940615 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e5649f; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e5649f; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss b/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss new file mode 100644 index 00000000..6788d02c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-pink.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-purple.css b/src/main/gnome-shell/gnome-shell-dark-solid-purple.css new file mode 100644 index 00000000..ca2215a0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #9d5ea6; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #9d5ea6; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss b/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss new file mode 100644 index 00000000..2107ee92 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-purple.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-red.css b/src/main/gnome-shell/gnome-shell-dark-solid-red.css new file mode 100644 index 00000000..a4aa28d6 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #ec6563; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #ec6563; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-red.scss b/src/main/gnome-shell/gnome-shell-dark-solid-red.scss new file mode 100644 index 00000000..997b6561 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-red.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css new file mode 100644 index 00000000..bfcdadcd --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #242424; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(42, 42, 42, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #dadada; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(42, 42, 42, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #dadada; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #dadada; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #dadada; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #dadada; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #dadada; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #2a2a2a; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #2a2a2a; +} + +#panel.solid .panel-button { + color: #dadada; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss new file mode 100644 index 00000000..a348902c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-solid-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark-solid.scss b/src/main/gnome-shell/gnome-shell-dark-solid.scss index d83dae04..4341fec6 100644 --- a/src/main/gnome-shell/gnome-shell-dark-solid.scss +++ b/src/main/gnome-shell/gnome-shell-dark-solid.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-dark-yellow.css b/src/main/gnome-shell/gnome-shell-dark-yellow.css new file mode 100644 index 00000000..957bb8a7 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #dedede; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #dedede; + background-color: #242424; + border: 1px solid rgba(0, 0, 0, 0.75); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + text-shadow: none; + color: #afafaf; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #dedede; + background-color: rgba(74, 74, 74, 0.75); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #dedede; + background-color: rgba(62, 62, 62, 0.75); + box-shadow: none; +} + +.hotplug-notification-item { + color: #dedede; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #dedede; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #dedede; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(36, 36, 36, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 1px; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(56, 56, 56, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #afafaf; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #dedede; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #dedede; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.pager-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #afafaf; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.calendar-day-base:active { + color: #afafaf; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #999999; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #dedede; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #999999; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #999999; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(222, 222, 222, 0.35); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.05); + color: #999999; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #afafaf; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #999999; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #999999; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #999999; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #999999; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #999999; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #afafaf; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #999999; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #afafaf; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message-list-clear-button.button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #999999; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #dedede; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #999999; + font-size: 1em; +} + +.message .message-close-button { + color: #afafaf; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #dedede; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.message .message-body { + color: #999999; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #afafaf; +} + +.message-media-control:hover, .message-media-control:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.message-media-control:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); +} + +.message-media-control:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); + color: #999999; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.1); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.16); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #dedede; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(255, 255, 255, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #afafaf; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #dedede; +} + +.mount-dialog-app-list-item:hover { + color: #dedede; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #999999; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #afafaf; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #dedede; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.1); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #999999; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #dedede; + caret-color: #dedede; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(255, 255, 255, 0.05); + color: rgba(222, 222, 222, 0.35); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(222, 222, 222, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #afafaf; + background-color: #555555; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #dedede; + background-color: #6f6f6f; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #dedede; + background-color: #3c3c3c; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #242424; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #dedede; + background-color: #3e3e3e; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #dedede; + background-color: #0b0b0b; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(255, 255, 255, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(255, 255, 255, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: #656565; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #727272; + border: 1px solid rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: #656565; + border-color: rgba(0, 0, 0, 0.15); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(255, 255, 255, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.03) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.1) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.16) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #242424; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #dedede; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #999999; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.16); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(36, 36, 36, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #dedede; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(222, 222, 222, 0.35); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #242424; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #999999; +} + +.switcher-arrow:highlighted { + color: #dedede; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #dedede; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #afafaf; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #999999; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.hotplug-resident-mount:active { + background-color: rgba(255, 255, 255, 0.16); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #dedede; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #dedede; + background-color: rgba(36, 36, 36, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(36, 36, 36, 0.95); +} + +.notification-banner:focus { + background-color: #242424; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #afafaf; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #afafaf; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #dedede; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(255, 255, 255, 0.1); + border-radius: 6px; +} + +#panel { + background-color: rgba(0, 0, 0, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(0, 0, 0, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(0, 0, 0, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(0, 0, 0, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #afafaf; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0.75); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #afafaf; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #afafaf; + background-color: rgba(255, 255, 255, 0.15); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #f2bc52; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #f2bc52; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #afafaf; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(222, 222, 222, 0.35); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(36, 36, 36, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(255, 255, 255, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #afafaf; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #999999; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.16); + color: #dedede; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(255, 255, 255, 0.1); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #999999; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #afafaf; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #dedede; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(255, 255, 255, 0.1); + -slider-border-color: transparent; + -slider-active-background-color: rgba(255, 255, 255, 0.35); + -slider-active-border-color: transparent; + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: transparent; + -barlevel-height: 19px; + -barlevel-background-color: rgba(255, 255, 255, 0.1); + -barlevel-border-color: transparent; + -barlevel-active-background-color: rgba(255, 255, 255, 0.35); + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: transparent; +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: white; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.35); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(16, 16, 16, 0.25); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(16, 16, 16, 0.25); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #afafaf; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #dedede; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.16); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #dedede; +} + +.openweather-current-databox-values { + background: none; + color: #999999; +} + +.openweather-current-databox-captions { + background: none; + color: #999999; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #afafaf; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #999999; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #afafaf; +} + +.popup-menu .search-entry { + color: #dedede; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(255, 255, 255, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #dedede; +} + +.popup-menu .search-entry .search-entry-icon { + color: #999999; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #dedede; +} diff --git a/src/main/gnome-shell/gnome-shell-dark-yellow.scss b/src/main/gnome-shell/gnome-shell-dark-yellow.scss new file mode 100644 index 00000000..0a565992 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-dark-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'dark'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-dark.scss b/src/main/gnome-shell/gnome-shell-dark.scss index 27a8d486..92b36341 100644 --- a/src/main/gnome-shell/gnome-shell-dark.scss +++ b/src/main/gnome-shell/gnome-shell-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-alt-blue.css new file mode 100644 index 00000000..94268b89 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-blue.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-blue.scss b/src/main/gnome-shell/gnome-shell-light-alt-blue.scss new file mode 100644 index 00000000..8dd342b7 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-green.css b/src/main/gnome-shell/gnome-shell-light-alt-green.css new file mode 100644 index 00000000..6525117f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-green.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-green.scss b/src/main/gnome-shell/gnome-shell-light-alt-green.scss new file mode 100644 index 00000000..91cfd66c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-alt-grey.css new file mode 100644 index 00000000..4ce14d39 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-grey.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-grey.scss b/src/main/gnome-shell/gnome-shell-light-alt-grey.scss new file mode 100644 index 00000000..e41ad9da --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-alt-orange.css new file mode 100644 index 00000000..ce56d2b2 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-orange.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-orange.scss b/src/main/gnome-shell/gnome-shell-light-alt-orange.scss new file mode 100644 index 00000000..f4663569 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-alt-pink.css new file mode 100644 index 00000000..06733797 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-pink.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-pink.scss b/src/main/gnome-shell/gnome-shell-light-alt-pink.scss new file mode 100644 index 00000000..4b4cd89e --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-alt-purple.css new file mode 100644 index 00000000..192d6817 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-purple.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-purple.scss b/src/main/gnome-shell/gnome-shell-light-alt-purple.scss new file mode 100644 index 00000000..a99158c0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-red.css b/src/main/gnome-shell/gnome-shell-light-alt-red.css new file mode 100644 index 00000000..dbe647dc --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-red.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-red.scss b/src/main/gnome-shell/gnome-shell-light-alt-red.scss new file mode 100644 index 00000000..48750564 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-alt-yellow.css new file mode 100644 index 00000000..b347a533 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-yellow.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss new file mode 100644 index 00000000..49a5785f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-alt.scss b/src/main/gnome-shell/gnome-shell-light-alt.scss index 01124a62..e3788054 100644 --- a/src/main/gnome-shell/gnome-shell-light-alt.scss +++ b/src/main/gnome-shell/gnome-shell-light-alt.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-blue.css b/src/main/gnome-shell/gnome-shell-light-blue.css new file mode 100644 index 00000000..ce4d1846 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-blue.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-blue.scss b/src/main/gnome-shell/gnome-shell-light-blue.scss new file mode 100644 index 00000000..742ee158 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-green.css b/src/main/gnome-shell/gnome-shell-light-green.css new file mode 100644 index 00000000..80b51141 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-green.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-green.scss b/src/main/gnome-shell/gnome-shell-light-green.scss new file mode 100644 index 00000000..dd07d1a3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-grey.css b/src/main/gnome-shell/gnome-shell-light-grey.css new file mode 100644 index 00000000..5ae0ed5c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-grey.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-grey.scss b/src/main/gnome-shell/gnome-shell-light-grey.scss new file mode 100644 index 00000000..6b71f110 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-orange.css b/src/main/gnome-shell/gnome-shell-light-orange.css new file mode 100644 index 00000000..c84dddc0 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-orange.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-orange.scss b/src/main/gnome-shell/gnome-shell-light-orange.scss new file mode 100644 index 00000000..795a3c64 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-pink.css b/src/main/gnome-shell/gnome-shell-light-pink.css new file mode 100644 index 00000000..0482cb54 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-pink.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-pink.scss b/src/main/gnome-shell/gnome-shell-light-pink.scss new file mode 100644 index 00000000..f76378be --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-purple.css b/src/main/gnome-shell/gnome-shell-light-purple.css new file mode 100644 index 00000000..30fe31e7 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-purple.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-purple.scss b/src/main/gnome-shell/gnome-shell-light-purple.scss new file mode 100644 index 00000000..854df368 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-red.css b/src/main/gnome-shell/gnome-shell-light-red.css new file mode 100644 index 00000000..fd6a8033 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-red.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-red.scss b/src/main/gnome-shell/gnome-shell-light-red.scss new file mode 100644 index 00000000..5083221d --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css new file mode 100644 index 00000000..161aacca --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss new file mode 100644 index 00000000..a31aeb0f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css new file mode 100644 index 00000000..8ba2495c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss new file mode 100644 index 00000000..f3c440ad --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css new file mode 100644 index 00000000..d5f531f1 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss new file mode 100644 index 00000000..c07f83d4 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css new file mode 100644 index 00000000..bfb4edde --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss new file mode 100644 index 00000000..bcaba163 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css new file mode 100644 index 00000000..621c5b5b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss new file mode 100644 index 00000000..761fb110 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css new file mode 100644 index 00000000..1a3d2349 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss new file mode 100644 index 00000000..af982e28 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css new file mode 100644 index 00000000..3f3e66b9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss new file mode 100644 index 00000000..aab00279 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css new file mode 100644 index 00000000..bfb4edde --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss new file mode 100644 index 00000000..bcaba163 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-alt.scss b/src/main/gnome-shell/gnome-shell-light-solid-alt.scss index fe077d90..e87082db 100644 --- a/src/main/gnome-shell/gnome-shell-light-solid-alt.scss +++ b/src/main/gnome-shell/gnome-shell-light-solid-alt.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-blue.css b/src/main/gnome-shell/gnome-shell-light-solid-blue.css new file mode 100644 index 00000000..161aacca --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-blue.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #3d85f8; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(46, 124, 247, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(46, 124, 247, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #1f73f6; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #2E7CF7; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #2E7CF7; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #2E7CF7; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #5a98f9; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #156df6; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(46, 124, 247, 0.05); + color: rgba(46, 124, 247, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #2E7CF7; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #78aafa; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #478bf8; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #0960e9; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #2E7CF7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #2E7CF7; + selected-background-color: #2E7CF7; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #2E7CF7; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #2E7CF7; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(193, 216, 253, 0.3); + box-shadow: 0 0 2px 2px #90bafb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #2E7CF7; + -pie-background-color: rgba(242, 247, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(46, 124, 247, 0.3); + border: 1px solid #2E7CF7; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(46, 124, 247, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #2E7CF7; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #2E7CF7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #2E7CF7; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #2E7CF7; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #2E7CF7; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #2e78ec; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #2E7CF7; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #2e78ec; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #2E7CF7; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #478bf8; + background-color: #2E7CF7; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #2E7CF7; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #2E7CF7; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #2E7CF7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #2E7CF7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #2E7CF7; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #78aafa; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-blue.scss b/src/main/gnome-shell/gnome-shell-light-solid-blue.scss new file mode 100644 index 00000000..a31aeb0f --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-blue.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-green.css b/src/main/gnome-shell/gnome-shell-light-solid-green.css new file mode 100644 index 00000000..8ba2495c --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-green.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #82bc62; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(121, 183, 87, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(121, 183, 87, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #70b24c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #79B757; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #79B757; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #79B757; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #93c577; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #6cab49; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(121, 183, 87, 0.05); + color: rgba(121, 183, 87, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #79B757; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #87bf69; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #619942; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #79B757; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #79B757; + selected-background-color: #79B757; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #79B757; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #79B757; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(206, 229, 194, 0.3); + box-shadow: 0 0 2px 2px #b2d69e; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #79B757; + -pie-background-color: rgba(235, 244, 230, 0.3); +} + +.select-area-rubberband { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(121, 183, 87, 0.3); + border: 1px solid #79B757; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(121, 183, 87, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #79B757; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #79B757; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #79B757; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #79B757; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #79B757; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #75b054; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #79B757; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #75b054; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #79B757; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #87bf69; + background-color: #79B757; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #79B757; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #79B757; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #79B757; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #79B757; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #79B757; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #a4ce8d; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-green.scss b/src/main/gnome-shell/gnome-shell-light-solid-green.scss new file mode 100644 index 00000000..f3c440ad --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-green.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-grey.css b/src/main/gnome-shell/gnome-shell-light-solid-grey.css new file mode 100644 index 00000000..d5f531f1 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-grey.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #949494; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(140, 140, 140, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(140, 140, 140, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #848484; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #8C8C8C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #8C8C8C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #8C8C8C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #a3a3a3; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #7f7f7f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(140, 140, 140, 0.05); + color: rgba(140, 140, 140, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #8C8C8C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #999999; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #737373; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #8C8C8C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #8C8C8C; + selected-background-color: #8C8C8C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #8C8C8C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #8C8C8C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(217, 217, 217, 0.3); + box-shadow: 0 0 2px 2px #bfbfbf; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8C8C8C; + -pie-background-color: rgba(242, 242, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(140, 140, 140, 0.3); + border: 1px solid #8C8C8C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(140, 140, 140, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #8C8C8C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #8C8C8C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #8C8C8C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #8C8C8C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #8C8C8C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #878787; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #8C8C8C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #878787; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #8C8C8C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #999999; + background-color: #8C8C8C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #8C8C8C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #8C8C8C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #8C8C8C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #8C8C8C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #8C8C8C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b2b2b2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-grey.scss b/src/main/gnome-shell/gnome-shell-light-solid-grey.scss new file mode 100644 index 00000000..c07f83d4 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-grey.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-orange.css b/src/main/gnome-shell/gnome-shell-light-solid-orange.css new file mode 100644 index 00000000..bfb4edde --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-orange.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #eb8f48; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(233, 135, 58, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(233, 135, 58, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e77f2c; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E9873A; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E9873A; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E9873A; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eea063; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e67923; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(233, 135, 58, 0.05); + color: rgba(233, 135, 58, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E9873A; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f1b17f; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #ec9551; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #d86c18; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E9873A; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E9873A; + selected-background-color: #E9873A; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E9873A; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E9873A; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(248, 219, 196, 0.3); + box-shadow: 0 0 2px 2px #f3bf96; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E9873A; + -pie-background-color: rgba(253, 247, 242, 0.3); +} + +.select-area-rubberband { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(233, 135, 58, 0.3); + border: 1px solid #E9873A; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(233, 135, 58, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E9873A; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E9873A; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E9873A; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E9873A; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E9873A; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #df8239; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E9873A; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #df8239; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E9873A; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #ec9551; + background-color: #E9873A; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E9873A; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E9873A; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E9873A; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E9873A; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E9873A; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f1b17f; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-orange.scss b/src/main/gnome-shell/gnome-shell-light-solid-orange.scss new file mode 100644 index 00000000..bcaba163 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-orange.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-pink.css b/src/main/gnome-shell/gnome-shell-light-solid-pink.css new file mode 100644 index 00000000..621c5b5b --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-pink.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #e76ba4; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(229, 94, 156, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(229, 94, 156, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #e35194; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #E55E9C; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #E55E9C; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #E55E9C; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #eb86b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #e1488f; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(229, 94, 156, 0.05); + color: rgba(229, 94, 156, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #E55E9C; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #e974aa; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #de3281; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E55E9C; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #E55E9C; + selected-background-color: #E55E9C; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E55E9C; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #E55E9C; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(250, 226, 237, 0.3); + box-shadow: 0 0 2px 2px #f3b6d2; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E55E9C; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(229, 94, 156, 0.3); + border: 1px solid #E55E9C; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(229, 94, 156, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #E55E9C; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #E55E9C; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #E55E9C; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #E55E9C; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #E55E9C; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #db5b96; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #E55E9C; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #db5b96; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #E55E9C; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #e974aa; + background-color: #E55E9C; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #E55E9C; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #E55E9C; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #E55E9C; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #E55E9C; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #E55E9C; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f0a0c5; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-pink.scss b/src/main/gnome-shell/gnome-shell-light-solid-pink.scss new file mode 100644 index 00000000..761fb110 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-pink.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-purple.css b/src/main/gnome-shell/gnome-shell-light-solid-purple.css new file mode 100644 index 00000000..1a3d2349 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-purple.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #a15faa; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(154, 87, 163, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(154, 87, 163, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #915299; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #9A57A3; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #9A57A3; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #9A57A3; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #ad73b4; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #8a4e92; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(154, 87, 163, 0.05); + color: rgba(154, 87, 163, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #9A57A3; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #b987bf; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #a566ad; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #7b4582; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #9A57A3; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #9A57A3; + selected-background-color: #9A57A3; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9A57A3; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #9A57A3; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(214, 185, 218, 0.3); + box-shadow: 0 0 2px 2px #c298c8; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #9A57A3; + -pie-background-color: rgba(233, 218, 236, 0.3); +} + +.select-area-rubberband { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(154, 87, 163, 0.3); + border: 1px solid #9A57A3; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(154, 87, 163, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #9A57A3; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #9A57A3; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #9A57A3; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #9A57A3; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #9A57A3; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #94549d; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #9A57A3; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #94549d; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #9A57A3; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #a566ad; + background-color: #9A57A3; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #9A57A3; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #9A57A3; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #9A57A3; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #9A57A3; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #9A57A3; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #b987bf; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-purple.scss b/src/main/gnome-shell/gnome-shell-light-solid-purple.scss new file mode 100644 index 00000000..af982e28 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-purple.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-red.css b/src/main/gnome-shell/gnome-shell-light-solid-red.css new file mode 100644 index 00000000..3f3e66b9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-red.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #ef6d6b; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(237, 95, 93, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(237, 95, 93, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #eb514f; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #ED5F5D; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #ED5F5D; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #ED5F5D; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f28886; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #ea4846; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(237, 95, 93, 0.05); + color: rgba(237, 95, 93, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #ED5F5D; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f07674; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #e8322f; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #ED5F5D; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #ED5F5D; + selected-background-color: #ED5F5D; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #ED5F5D; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #ED5F5D; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(252, 231, 231, 0.3); + box-shadow: 0 0 2px 2px #f7bab9; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #ED5F5D; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(237, 95, 93, 0.3); + border: 1px solid #ED5F5D; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(237, 95, 93, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #ED5F5D; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #ED5F5D; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #ED5F5D; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #ED5F5D; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #ED5F5D; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e35c5a; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #ED5F5D; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e35c5a; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #ED5F5D; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f07674; + background-color: #ED5F5D; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #ED5F5D; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #ED5F5D; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #ED5F5D; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #ED5F5D; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #ED5F5D; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f5a3a2; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-red.scss b/src/main/gnome-shell/gnome-shell-light-solid-red.scss new file mode 100644 index 00000000..aab00279 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-red.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid-yellow.css b/src/main/gnome-shell/gnome-shell-light-solid-yellow.css new file mode 100644 index 00000000..f0055902 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-yellow.css @@ -0,0 +1,4032 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: #f5f5f5; + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(241, 241, 241, 0.95); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: #363636; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(241, 241, 241, 0.95); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #363636; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: #363636; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(0, 0, 0, 0.2); + color: #363636; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #363636; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #363636; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: #f1f1f1; + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: #f1f1f1; +} + +#panel.solid .panel-button { + color: #363636; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +#panel #panelActivities.panel-button:overview > * { + background-image: url("assets/activities-white.svg"); +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: #f5f5f5; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss b/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss new file mode 100644 index 00000000..24dd29a3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-solid-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'false'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light-solid.scss b/src/main/gnome-shell/gnome-shell-light-solid.scss index fe077d90..e87082db 100644 --- a/src/main/gnome-shell/gnome-shell-light-solid.scss +++ b/src/main/gnome-shell/gnome-shell-light-solid.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gnome-shell/gnome-shell-light-yellow.css b/src/main/gnome-shell/gnome-shell-light-yellow.css new file mode 100644 index 00000000..a3c622d3 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-yellow.css @@ -0,0 +1,4028 @@ +/* This stylesheet is generated, DO NOT EDIT */ +stage { + font-size: 9.75pt; + font-weight: 400; + color: #242424; +} + +.shell-link { + border-radius: 6px; + color: #3484e2; +} + +.shell-link:hover { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.15); +} + +.shell-link:active { + color: #3484e2; + background-color: rgba(52, 132, 226, 0.3); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.search-provider-icon .overview-icon, +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon, .search-provider-icon, +.list-search-result { + color: rgba(255, 255, 255, 0.85); + border-radius: 12px; + padding: 6px; + border: none; + transition-duration: 150ms; + text-align: center; +} + +.workspace-switcher-container, .osd-window, +.resize-popup, +.switcher-list { + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + border-radius: 6px; + padding: 12px; +} + +.workspace-thumbnails { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + border: none; +} + +.search-statustext, .no-frequent-applications-label { + font-size: 45px; + font-weight: 400; + color: rgba(255, 255, 255, 0.5); +} + +.message, .world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + border-radius: 10px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + text-shadow: none; + color: #424242; + transition: none; +} + +.message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, +.events-section-title:hover, .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus, +.events-section-title:focus { + color: #242424; + background-color: white; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); +} + +.message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active, +.events-section-title:active { + color: #242424; + background-color: rgba(255, 255, 255, 0.65); + box-shadow: none; +} + +.hotplug-notification-item { + color: #242424; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; + padding: 8px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:hover { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.hotplug-notification-item:active { + color: #242424; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.candidate-popup-boxpointer, .popup-menu .popup-menu-content, .modal-dialog { + background-color: rgba(245, 245, 245, 0.95); + border-radius: 12px; + box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 0.2); + border: solid rgba(0, 0, 0, 0.75); + border-width: 0; +} + +#screenShieldNotifications StScrollBar StBin#trough, #overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.15); +} + +#screenShieldNotifications StScrollBar StButton#vhandle, #overview StScrollBar StButton#vhandle, #screenShieldNotifications StScrollBar StButton#hhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#vhandle:hover, #screenShieldNotifications StScrollBar StButton#hhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.85); +} + +#screenShieldNotifications StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#vhandle:active, #screenShieldNotifications StScrollBar StButton#hhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: rgba(255, 255, 255, 0.85); +} + +.button { + min-height: 32px; + padding: 0 16px; + border-width: 0; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.window-close { + background-size: 26px; + height: 26px; + width: 26px; + -shell-close-overlap: 10px; + border-radius: 100px; + border: 0 none transparent; + background-color: transparent; + color: transparent; + box-shadow: none; + background-image: url("assets/window-close.svg"); +} + +.window-close StIcon { + icon-size: 26px; +} + +.window-close:hover { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-hover.svg"); +} + +.window-close:active { + background-size: 26px; + height: 26px; + width: 26px; + background-image: url("assets/window-close-active.svg"); +} + +.clock-display-box { + spacing: 4px; +} + +.clock-display-box .clock { + padding-left: 6px; + padding-right: 6px; +} + +#calendarArea { + padding: 12px 0; +} + +.calendar { + margin: 2px 12px; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.75); + padding: 4px 8px; + text-shadow: none; + border-radius: 10px; +} + +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 4px 8px; +} + +.datemenu-calendar-column { + spacing: 8px; + border: none; + padding: 0 8px; +} + +.datemenu-calendar-column:ltr { + margin-right: 8px; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 8px; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 8px; +} + +.datemenu-today-button { + min-height: 48px; + border: none; + box-shadow: none; + background: none; + padding: 4px 8px; + text-shadow: none; + color: #424242; +} + +.datemenu-today-button .day-label { + font-size: 15pt; + font-weight: 500; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: 400; +} + +.calendar-month-label { + height: 20px; + margin: 2px; + padding: 6px 16px; + color: #242424; + font-weight: bold; + text-align: center; + text-shadow: none; +} + +.calendar-month-label:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button { + width: 28px; + height: 28px; + margin: 2px; + border-radius: 100px; + background-color: transparent; + color: #242424; +} + +.pager-button:hover, .pager-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.pager-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.calendar-change-month-back { + padding: 0 2px; + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + padding: 0 2px; + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar-day-base { + font-size: 9pt; + font-weight: 400; + text-align: center; + width: 28px; + height: 28px; + padding: 2px; + margin: 2px; + border-radius: 1000px; + color: #424242; + font-feature-settings: "tnum"; +} + +.calendar-day-base:hover, .calendar-day-base:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.calendar-day-base:active { + color: #424242; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; +} + +.calendar-day-base.calendar-day-heading { + width: 28px; + height: 21px; + margin-top: 2px; + padding: 7px 0 0; + border-radius: 100px; + background-color: transparent; + color: #565656; + font-size: 9pt; + font-weight: 400; + font-weight: bold; + text-align: center; +} + +.calendar-day { + border-width: 0; +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #242424; +} + +.calendar-today { + font-weight: bold !important; + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + border: none; +} + +.calendar-today:hover, .calendar-today:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active, .calendar-today:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #f4bf59; + color: rgba(255, 255, 255, 0.85); +} + +.calendar-day-with-events { + color: #565656; + background-image: url("assets/calendar-today.svg"); +} + +.calendar-day-with-events.calendar-work-day { + color: #565656; + font-weight: bold; +} + +.calendar-other-month-day { + color: rgba(36, 36, 36, 0.45); + opacity: 0.5; +} + +.calendar-week-number { + width: 22px; + height: 16px; + margin: 6px 6px 6px 4px; + padding: 0 0; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.05); + color: #565656; + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button, +.events-section-title { + padding: 12px; + margin: 2px 4px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: #424242; + font-weight: bold; +} + +/* Events */ +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; +} + +.events-button .events-title { + color: #565656; + font-weight: bold; + margin-bottom: 4px; + text-shadow: none; +} + +.events-button .event-time { + color: #565656; + font-feature-settings: "tnum"; +} + +.world-clocks-button .world-clocks-city { + color: #565656; + font-weight: bold; + font-size: 0.9em; +} + +.world-clocks-button .world-clocks-time { + color: #565656; + font-feature-settings: "tnum"; + font-size: 1.2em; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + color: #565656; + font-feature-settings: "tnum"; + font-size: 0.9em; +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button { + margin-bottom: 6px; +} + +.weather-button .weather-box { + spacing: 12px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + color: #424242; + font-weight: bold; +} + +.weather-button .weather-header.location { + font-weight: normal; + color: #565656; +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + color: #424242; + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +.message-list { + width: 31.5em; + padding: 0 12px; + text-shadow: none; +} + +.message-list .message-list-placeholder { + spacing: 12px; +} + +.message-list-clear-button.button { + background-color: transparent; + margin: 8px 8px 0; +} + +.message-list-clear-button.button:hover, .message-list-clear-button.button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message-list-clear-button.button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 8px; +} + +.message-list-section-list:ltr { + padding-left: 0; +} + +.message-list-section-list:rtl { + padding-right: 0; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 4px; + spacing: 16px; +} + +.message { + margin: 2px 4px 6px; +} + +.message:first-child { + margin-top: 8px; +} + +.message .message-icon-bin { + margin: 8px 0; + padding: 8px 0px 8px 8px; +} + +.message .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + min-height: 18px; + color: #565656; + font-size: 1em; + text-align: right; + /* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */ + padding-bottom: 0.13em; +} + +.message .message-title { + min-height: 18px; + padding-top: 2px; + color: #242424; + font-weight: bold; + font-size: 1em; +} + +.message .message-content { + min-height: 40px; + padding: 8px; + color: #565656; + font-size: 1em; +} + +.message .message-close-button { + color: #424242; + padding: 0; + height: 24px; + width: 24px; + border-radius: 100px; +} + +.message .message-close-button:hover, .message .message-close-button:active { + color: #242424; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.message .message-body { + color: #565656; +} + +.url-highlighter { + link-color: #3484e2; +} + +.message-media-control { + margin: 16px 4px; + padding: 8px; + border-radius: 100px; + color: #424242; +} + +.message-media-control:hover, .message-media-control:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.message-media-control:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +.message-media-control:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; + padding-right: 8px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; + padding-left: 8px; +} + +.media-message-cover-icon { + icon-size: 32px !important; + margin: 0 0px 0 4px !important; +} + +.media-message-cover-icon:rtl { + margin: 0 4px 0 0px !important; +} + +.media-message-cover-icon.fallback { + icon-size: 16px !important; + padding: 8px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); + color: #565656; +} + +.check-box * { + min-height: 16px; + padding: 8px 0; +} + +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 4px; + border-radius: 100px; + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(0, 0, 0, 0.12); +} + +.check-box:active StBin { + background-color: rgba(0, 0, 0, 0.2); +} + +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +.check-box:hover:checked StBin { + background-color: rgba(243, 186, 75, 0.15); +} + +.check-box:active:checked StBin { + background-color: rgba(243, 186, 75, 0.3); +} + +#dash { + font-size: 1em; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); + padding: 3px 0; + border: none; + border-left: 0px; + border-radius: 0px 12px 12px 0px; +} + +#dash:rtl { + border-radius: 12px 0 0 12px; +} + +#dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +#dash .empty-dash-drop-target { + width: 24px; + height: 24px; +} + +.dash-item-container > StWidget { + padding: 3px 6px; +} + +.dash-label { + border-radius: 6px; + padding: 6px 8px; + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + box-shadow: none; + text-align: center; + border: none; + -x-offset: 8px; +} + +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; + row-spacing: 24px; + column-spacing: 24px; + max-row-spacing: 48px; + max-column-spacing: 48px; +} + +.icon-grid .overview-icon { + icon-size: 96px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 99px; + icon-size: 48px; +} + +.app-view-controls { + width: 320px; + padding-bottom: 32px; + margin: 0 0; +} + +.app-view-control { + padding: 0 16px; + margin: 0 0; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.15); +} + +.app-view-control:hover { + color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.22); +} + +.app-view-control:active { + color: rgba(255, 255, 255, 0.85); + background-color: #f2b53d; +} + +.app-view-control:checked { + color: rgba(255, 255, 255, 0.85); + background-color: #F3BA4B; + box-shadow: none; +} + +.app-view-control:first-child { + border-right-width: 0; + border-radius: 6px 0 0 6px; +} + +.app-view-control:last-child { + border-radius: 0 6px 6px 0; +} + +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; +} + +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(255, 255, 255, 0.28); + transition-duration: 150ms; +} + +.search-provider-icon .overview-icon, .search-provider-icon .overview-icon > StIcon, +.show-apps .overview-icon, +.show-apps .overview-icon > StIcon, +.app-well-app .overview-icon, +.app-well-app .overview-icon > StIcon, +.grid-search-result .overview-icon, +.grid-search-result .overview-icon > StIcon { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +.search-provider-icon:hover .overview-icon, .search-provider-icon:focus .overview-icon, .search-provider-icon:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + transition-duration: 0ms; + border-image: none; + background-image: none; +} + +.search-provider-icon:active .overview-icon, .search-provider-icon:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.28); + box-shadow: none; + transition-duration: 150ms; +} + +.app-well-app-running-dot { + width: 5px; + height: 5px; + border-radius: 3px; + background-color: rgba(255, 255, 255, 0.85); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(255, 255, 255, 0.15); +} + +.show-apps .show-apps-icon { + color: transparent; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; +} + +.show-apps .overview-icon { + color: transparent; +} + +.show-apps:hover .show-apps-icon, +.show-apps:active .show-apps-icon, +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: transparent; + transition-duration: 150ms; +} + +.app-folder-popup { + -arrow-border-radius: 16px; + -arrow-background-color: rgba(255, 255, 255, 0.15); + -arrow-base: 0; + -arrow-rise: 12px; +} + +.app-folder-popup-bin { + padding: 5px; +} + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; +} + +.page-indicator { + padding: 15px 20px; +} + +.page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.35); +} + +.page-indicator:hover .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.45); +} + +.page-indicator:active .page-indicator-icon { + margin: 0; + padding: 0; + background-image: none; + color: transparent; + border: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.85); +} + +.page-indicator:checked .page-indicator-icon { + background-image: none; + background-color: rgba(255, 255, 255, 0.85); + transition-duration: 0ms; +} + +.page-indicator:checked:active { + background-image: none; +} + +.overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 6px; +} + +.overview-icon.overview-icon-with-label > StBoxLayout, +.grid-search-result .overview-icon.overview-icon-with-label > StBoxLayout { + spacing: 6px; +} + +.app-folder { + background: none; + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); +} + +.app-folder .overview-icon { + background-color: rgba(255, 255, 255, 0.15); + border-radius: 12px; +} + +.app-folder:hover .overview-icon { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-folder-dialog { + border-radius: 32px; + border: 2px solid rgba(255, 255, 255, 0.15); + padding: 12px; + background-color: rgba(24, 24, 24, 0.95); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; + /* FIXME: this is to keep the label in sync with the entry */ +} + +.app-folder-dialog .folder-name-container .folder-name-label, .app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 5px 7px; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.15); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: rgba(255, 255, 255, 0.28); +} + +.app-folder-dialog .icon-grid { + row-spacing: 8px; + column-spacing: 20px; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog .page-indicators .page-indicator { + padding: 15px 12px; +} + +.app-folder-dialog StButton#vhandle, .app-folder-dialog StButton#vhandle:hover, .app-folder-dialog StButton#vhandle:active { + background-color: transparent; +} + +.app-folder-dialog-container { + padding: 4px; + width: 600px; + height: 600px; +} + +.app-folder-icon { + padding: 4px; + spacing-rows: 4px; + spacing-columns: 4px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 4px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 8px; +} + +.workspace-thumbnails { + visible-width: 32px; + spacing: 12px; + padding: 16px; + border-radius: 6px; + margin: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 2px solid #F3BA4B; + padding: 6px; + border-radius: 2px; +} + +.all-apps, +.search-display > StBoxLayout, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; +} + +.modal-dialog-linked-button:last-child { + color: white; + background-color: #F3BA4B; + box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1); +} + +.modal-dialog-linked-button:hover:last-child { + color: white; + background-color: #f6ca76; +} + +.modal-dialog-linked-button:active:last-child { + color: white; + background-color: #f1b133; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(243, 186, 75, 0.05); + color: rgba(243, 186, 75, 0.35); +} + +.headline { + font-size: 15pt; + font-weight: 500; +} + +.modal-dialog { + color: #242424; + padding: 0 5px 6px 5px; +} + +.modal-dialog-linked-button { + min-height: 40px; + padding: 0 16px; + margin: 3px 3px; + border: none !important; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.modal-dialog-linked-button:first-child { + background: rgba(0, 0, 0, 0.05); +} + +.modal-dialog-linked-button:first-child:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog-linked-button:first-child:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.leightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 14px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: #424242; + font-size: 15pt; + font-weight: 500; +} + +.end-session-dialog { + width: 28em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #F27835; +} + +.shell-mount-operation-icon { + icon-size: 48px; +} + +.mount-dialog { + spacing: 24px; +} + +.mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; +} + +.mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; +} + +.mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.mount-dialog-app-list-item { + color: #242424; +} + +.mount-dialog-app-list-item:hover { + color: #242424; +} + +.mount-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.mount-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.mount-dialog-app-list-item-name { + font-size: 1em; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 15pt; + font-weight: 500; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #FC4138; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: #565656; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #F27835; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(0, 0, 0, 0.16); +} + +.audio-selection-device:active { + background-color: #F3BA4B; + color: white; +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.access-dialog { + spacing: 30px; +} + +.geolocation-dialog { + spacing: 30px; +} + +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; +} + +.extension-dialog .message-dialog-title { + color: #424242; +} + +.inhibit-shortcuts-dialog { + spacing: 30px; +} + +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; +} + +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #242424; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-scroll-view { + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 0; + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; +} + +.nm-dialog-header { + font-size: 15pt; + font-weight: 500; +} + +.nm-dialog-item { + font-size: 1em; + border-bottom: none; + border-radius: 6px; + padding: 12px; + spacing: 20px; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(0, 0, 0, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.nm-dialog-item:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.nm-dialog-icons { + spacing: .5em; +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.no-networks-label { + color: #565656; +} + +.no-networks-box { + spacing: 12px; +} + +StEntry { + min-height: 32px; + min-width: 44px; + padding: 0 8px; + margin: 3px; + border-width: 0; + color: #242424; + caret-color: #242424; + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +StEntry:hover { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); +} + +StEntry:focus { + border: 2px solid #f8d593; + box-shadow: none; +} + +StEntry:insensitive { + background-color: rgba(0, 0, 0, 0.05); + color: rgba(36, 36, 36, 0.45); +} + +StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #F27835; + padding: 0 0; +} + +StEntry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text { + margin-left: 2px; + color: rgba(36, 36, 36, 0.7); +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +#keyboard { + background-color: rgba(0, 0, 0, 0.25); + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + min-height: 1.2em; + min-width: 1.2em; + font-weight: bold; + font-size: 16pt; + border-radius: 10px; + border: none; + color: #424242; + background-color: #eeeeee; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #242424; + background-color: white; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #242424; + background-color: #d5d5d5; +} + +.keyboard-key:grayed { + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-color: rgba(0, 0, 0, 0.3); +} + +.keyboard-key.default-key { + background-color: #c0c0c0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #242424; + background-color: #dadada; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #242424; + background-color: #a7a7a7; +} + +.keyboard-key.enter-key { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: white; + background-color: #f5c363; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: white; + background-color: #f0a81b; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #F3BA4B; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 6px; + -arrow-background-color: rgba(0, 0, 0, 0.45); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #F3BA4B; + selected-background-color: #F3BA4B; + selected-color: white; + padding: 4px 8px; + min-height: 20px; + border-radius: 9999px; + caret-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: none; + box-shadow: none; + color: white; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none; + background-color: rgba(0, 0, 0, 0.2); + color: white; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none; + background-color: rgba(0, 0, 0, 0.05); + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(255, 255, 255, 0.45); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: white; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: white; + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.02); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: white; + background-color: transparent; + background-image: #f2f2f2; + border: 1px solid rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(255, 255, 255, 0.45); + background-color: rgba(0, 0, 0, 0.12); + border-color: rgba(0, 0, 0, 0.12); + text-shadow: none; + icon-shadow: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(0, 0, 0, 0.1); +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.85); +} + +.caps-lock-warning-label { + text-align: center; + margin-bottom: 8px; + padding: 2px 6px; + color: white; + background-color: #F27835; + border-radius: 9999px; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message-warning { + color: #F27835; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.85); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.15); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:hover { + background-color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.28); + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #F3BA4B; +} + +.login-dialog-user-list-item { + border-radius: 10px; + padding: 6px; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(0, 0, 0, 0.05) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(0, 0, 0, 0.2) !important; + color: rgba(255, 255, 255, 0.85); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(0, 0, 0, 0.16) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.85); +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.85); + border-radius: 9999px; + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: rgba(255, 255, 255, 0); + border-radius: 99px; +} + +.user-widget.vertical .user-icon { + icon-size: 128px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 14px; + padding-top: 12px; + padding-bottom: 16px; + width: 88px; + height: 88px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 8px; + width: 10px; + height: 10px; +} + +.user-widget.horizontal .user-widget-label { + font-weight: bold; + text-align: left; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; +} + +.user-widget.horizontal .user-icon { + icon-size: 64px; +} + +.user-widget.horizontal .user-icon StIcon { + padding: 12px; + width: 40px; + height: 40px; +} + +.user-widget.vertical .user-widget-label { + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.5); + font-size: 1em; + padding-top: 1em; +} + +#lockDialogGroup { + background: url("assets/background.jpg"); + background-size: cover; +} + +#LookingGlassDialog { + background-color: #ffffff; + spacing: 4px; + padding: 0; + border: none; + border-radius: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #242424; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 8px; + border: none; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12); +} + +#LookingGlassDialog .labels { + spacing: 0; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #565656; + transition-duration: 150ms; + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 0 32px; +} + +#LookingGlassDialog .notebook-tab:hover { + box-shadow: inset 0 -2px 0px rgba(0, 0, 0, 0.2); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 0; + border-color: transparent; + background-color: rgba(255, 255, 255, 0.01); + box-shadow: inset 0 -2px 0px rgba(255, 255, 255, 0.85); + color: #242424; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; +} + +.lg-dialog StEntry { + selection-background-color: #F3BA4B; + selected-color: rgba(255, 255, 255, 0.85); +} + +.lg-dialog .shell-link { + color: #3484e2; +} + +.lg-dialog .shell-link:hover { + color: #3484e2; +} + +.lg-completions-text { + font-size: 1em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 4px; +} + +.lg-obj-inspector-button { + min-height: 32px; + padding: 0 16px; + border: none; + border-radius: 6px; + font-size: 9.75pt; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:insensitive { + color: rgba(36, 36, 36, 0.45); + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.lg-obj-inspector-button:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 4px; +} + +.lg-extensions-list { + padding: 4px; + spacing: 6px; +} + +.lg-extension { + border: none; + border-radius: 6px; + padding: 4px; +} + +.lg-extension-name { + font-size: 18pt; + font-weight: 400; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + background: #ffffff; + border: none; + border-radius: 6px; + padding: 6px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(253, 241, 218, 0.3); + box-shadow: 0 0 2px 2px #f9dfab; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #F3BA4B; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.select-area-rubberband { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; + border-radius: 3px; +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 9.75pt; + font-weight: 400; + color: #F27835; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.switcher-list .item-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.12); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #565656; +} + +.switcher-arrow:highlighted { + color: #242424; +} + +.input-source-switcher-symbol { + font-size: 45px; + font-weight: 400; + width: 96px; + height: 96px; +} + +.tile-preview { + background-color: rgba(243, 186, 75, 0.3); + border: 1px solid #F3BA4B; +} + +.tile-preview-left.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 0 0 0 0; +} + +.ripple-box { + width: 48px; + height: 48px; + border-radius: 0 0 48px 0; + background-color: rgba(243, 186, 75, 0.35); + background-image: none; + background-size: auto; +} + +.ripple-box:rtl { + border-radius: 0 0 0 48px; + background-image: none; +} + +.summary-source-counter { + font-size: 1em; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + border: 2px solid #F3BA4B; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.secondary-icon { + icon-size: 1.2307692308em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: #242424; +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: #424242; +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: 400; + color: #565656; +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; +} + +.hotplug-notification-item { + padding: 2px 10px; +} + +.hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; +} + +.hotplug-resident-box { + spacing: 8px; +} + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 6px; +} + +.hotplug-resident-mount:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +.hotplug-resident-mount:active { + background-color: rgba(0, 0, 0, 0.2); +} + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; +} + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; +} + +.hotplug-resident-eject-icon { + icon-size: 16px; +} + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 6px; + color: #242424; +} + +.url-highlighter { + link-color: #3484e2; +} + +.notification-banner { + font-size: 1em; + width: 34em; + min-height: 56px; + margin: 5px; + border-radius: 6px; + color: #242424; + background-color: rgba(255, 255, 255, 0.92); + border: none; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); +} + +.notification-banner:hover { + background-color: rgba(255, 255, 255, 0.95); +} + +.notification-banner:focus { + background-color: #ffffff; +} + +.notification-banner .notification-icon { + padding: 5px; +} + +.notification-banner .notification-content { + padding: 5px; + spacing: 5px; +} + +.notification-banner .secondary-icon { + icon-size: 1.2307692308em; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + spacing: 1px; +} + +.notification-banner .notification-button { + min-height: 40px; + padding: 0 16px; + background-color: transparent; + color: #424242; + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: #424242; + box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.magnifier-zoom-region { + border: 2px solid #F3BA4B; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; +} + +.osd-window .osd-monitor-label { + font-size: 45px; + font-weight: 400; +} + +.osd-window .level { + height: 4px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.1); + color: #242424; + -barlevel-height: 4px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-active-background-color: #F3BA4B; + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 16px; +} + +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.6); +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 32px; +} + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; + padding: 0 16px 32px; + spacing: 12px; +} + +.window-picker.external-monitor { + padding: 16px; +} + +.window-clone-border { + border: 4px solid rgba(255, 255, 255, 0.28); + border-radius: 6px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28); +} + +.window-caption { + spacing: 25px; + color: rgba(255, 255, 255, 0.85); + background-color: rgba(0, 0, 0, 0.6); + border-radius: 6px; + padding: 4px 8px; + border: none; + font-weight: normal; +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .search-entry { + width: 304px; + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.5); + caret-color: rgba(255, 255, 255, 0.85); + selection-background-color: rgba(255, 255, 255, 0.28); + selected-color: rgba(255, 255, 255, 0.85); + background-color: rgba(255, 255, 255, 0.12); + border-radius: 8px; + border-color: transparent; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .search-entry:focus { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.18); + padding: 0 8px; + border: none; + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .search-entry .search-entry-icon { + icon-size: 16px; + padding: 0 0; + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.85); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .search-entry:insensitive { + border: none; + color: rgba(255, 255, 255, 0.45); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +#searchResultsContent { + max-width: 1000px; + padding-left: 20px; + padding-right: 20px; + spacing: 16px; +} + +.search-section { + spacing: 16px; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.15); +} + +.search-section-content { + spacing: 32px; + border-radius: 0; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.85); +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 3px; +} + +.list-search-result-content { + spacing: 30px; +} + +.list-search-result-title { + font-size: 11.25pt; + font-weight: 400; + color: rgba(255, 255, 255, 0.85); + spacing: 12px; +} + +.list-search-result-description { + color: rgba(255, 255, 255, 0.85); +} + +.list-search-provider-details { + width: 150px; + color: rgba(255, 255, 255, 0.85); + margin-top: 0.24em; +} + +.list-search-provider-content { + spacing: 20px; +} + +.search-provider-icon { + padding: 15px; +} + +.cycler-highlight { + border: 4px solid #F3BA4B; +} + +.workspace-switcher-group { + padding: 8px; +} + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; +} + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 48px; + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); + background-size: 32px; + border-radius: 6px; +} + +.ws-switcher-box { + height: 48px; + border: none; + background: rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +#panel { + background-color: rgba(255, 255, 255, 0.16); + /* transition from solid to transparent */ + transition-duration: 250ms; + font-weight: bold; + height: 28px; + box-shadow: 0 5px 16px rgba(0, 0, 0, 0.35); + color: white; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; +} + +#panel:overview StLabel, #panel:overview StIcon, #panel.unlock-screen StLabel, #panel.unlock-screen StIcon, #panel.login-screen StLabel, #panel.login-screen StIcon, #panel.lock-screen StLabel, #panel.lock-screen StIcon { + color: rgba(255, 255, 255, 0.85); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:overview, #panel:overview .panel-button:overview:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:overview:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:active:hover, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:overview:hover, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:focus:hover, #panel.login-screen .panel-button:checked, #panel.login-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:overview:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: rgba(255, 255, 255, 0.28); +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel #panelLeft, #panel #panelCenter { + spacing: 0; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(255, 255, 255, 0.16); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: white; +} + +#panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .panel-corner StLabel { + padding: 0 4px; +} + +#panel .panel-button { + -natural-hpadding: 8px; + -minimum-hpadding: 8px; + font-weight: bold; + color: white; + transition-duration: 150ms; + border-radius: 6px; +} + +#panel .panel-button StLabel { + padding: 0 2px; +} + +#panel .panel-button, #panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + text-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .system-status-icon, +#panel .panel-button .app-menu-icon > StIcon, +#panel .panel-button .popup-menu-arrow, #panel .panel-button:hover .system-status-icon, +#panel .panel-button:hover .app-menu-icon > StIcon, +#panel .panel-button:hover .popup-menu-arrow, #panel .panel-button:active .system-status-icon, +#panel .panel-button:active .app-menu-icon > StIcon, +#panel .panel-button:active .popup-menu-arrow, #panel .panel-button:overview .system-status-icon, +#panel .panel-button:overview .app-menu-icon > StIcon, +#panel .panel-button:overview .popup-menu-arrow, #panel .panel-button:focus .system-status-icon, +#panel .panel-button:focus .app-menu-icon > StIcon, +#panel .panel-button:focus .popup-menu-arrow, #panel .panel-button:checked .system-status-icon, +#panel .panel-button:checked .app-menu-icon > StIcon, +#panel .panel-button:checked .popup-menu-arrow { + icon-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.15); +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 0; + margin-right: 0; + icon-size: 16px; +} + +#panel .panel-button .app-menu-icon > StIcon { + padding-left: 4px; + padding-right: 6px; +} + +#panel .panel-button .popup-menu-arrow { + width: 0; + height: 0; +} + +#panel .panel-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.15); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: rgba(255, 255, 255, 0.28); + color: white; + box-shadow: none; +} + +#panel .panel-button .system-status-icon { + icon-size: 1.2307692308em; + padding: 0 4px; +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; +} + +#panel .panel-button.clock-display:active .clock, #panel .panel-button.clock-display:overview .clock, #panel .panel-button.clock-display:focus .clock, #panel .panel-button.clock-display:checked .clock { + background: none; + box-shadow: none; +} + +#panel .panel-status-indicators-box, +#panel .panel-status-menu-box { + spacing: 2px; +} + +#panel .power-status.panel-status-indicators-box { + spacing: 0; +} + +#panel .screencast-indicator { + color: #FC4138; +} + +#panel .remote-access-indicator { + color: #F27835; +} + +#panel.solid { + background-color: rgba(255, 255, 255, 0.16); + /* transition from transparent to solid */ + transition-duration: 250ms; + background-gradient-direction: none; + text-shadow: none; +} + +#panel.solid:overview { + background-color: transparent; +} + +#panel.solid .panel-corner { + -panel-corner-background-color: rgba(255, 255, 255, 0.16); +} + +#panel.solid .panel-button { + color: white; + text-shadow: none; +} + +#panel.solid .panel-button:active, #panel.solid .panel-button:overview, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { + color: rgba(255, 255, 255, 0.85); + text-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel.solid .system-status-icon, +#panel.solid .app-menu-icon > StIcon, +#panel.solid .popup-menu-arrow { + icon-shadow: none; +} + +#panel.solid .system-status-icon:active, #panel.solid .system-status-icon:overview, #panel.solid .system-status-icon:focus, #panel.solid .system-status-icon:checked, +#panel.solid .app-menu-icon > StIcon:active, +#panel.solid .app-menu-icon > StIcon:overview, +#panel.solid .app-menu-icon > StIcon:focus, +#panel.solid .app-menu-icon > StIcon:checked, +#panel.solid .popup-menu-arrow:active, +#panel.solid .popup-menu-arrow:overview, +#panel.solid .popup-menu-arrow:focus, +#panel.solid .popup-menu-arrow:checked { + icon-shadow: 0 1px rgba(0, 0, 0, 0.45); +} + +#panel #panelActivities.panel-button > * { + background-image: url("assets/activities.svg"); + background-position: center top; + width: 24px; + height: 24px; + background-color: transparent !important; + background-gradient-direction: none !important; + border: none; + color: transparent; +} + +#panel #panelActivities.panel-button:active, #panel #panelActivities.panel-button:overview, #panel #panelActivities.panel-button:focus, #panel #panelActivities.panel-button:checked { + background-color: transparent; + border: none; +} + +.popup-menu { + min-width: 12em; + color: #424242; + padding: 0 0 !important; +} + +.popup-menu .popup-menu-content { + padding: 6px 0 !important; + box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25); + border: 1px solid rgba(0, 0, 0, 0); + margin: 4px 8px !important; +} + +.popup-menu .popup-menu-item { + spacing: 12px; + padding-top: 6px !important; + padding-bottom: 6px !important; + color: #424242; + text-shadow: none; + border-radius: 8px; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-menu-item:ltr { + padding-right: 2em !important; + padding-left: 0 !important; +} + +.popup-menu .popup-menu-item:rtl { + padding-right: 0 !important; + padding-left: 2em !important; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border-radius: 8px 8px 0 0; + border: none; + box-shadow: none; + color: #424242; + background-color: rgba(255, 255, 255, 0.75); +} + +.popup-menu .popup-menu-item.hover:checked, .popup-menu .popup-menu-item.selected:checked { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-menu-item:checked:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-menu-item.selected { + color: white; + background-color: #F3BA4B; + transition: none; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white; + background-color: #e9b349; + transition-duration: 100ms; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu .popup-sub-menu { + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0 0 8px 8px; + border: none; + box-shadow: none; + margin: 0 6px; + transition-duration: 0ms; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; + border-radius: 8px; +} + +.popup-menu .popup-sub-menu .popup-menu-item:hover { + color: white; + background-color: #F3BA4B; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active { + color: white; + background-color: #e9b349; +} + +.popup-menu .popup-sub-menu .popup-menu-item:not(:first-child):last-child { + border-radius: 0 0 8px 8px; +} + +.popup-menu .popup-inactive-menu-item { + color: #424242; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(36, 36, 36, 0.45); +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-ornament { + text-align: right; + width: 16px; + height: 16px; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu-boxpointer StEntry { + selection-background-color: rgba(255, 255, 255, 0.85); + selected-background-color: rgba(255, 255, 255, 0.85); + selected-color: #F3BA4B; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: rgba(245, 245, 245, 0.95); + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 5px; + -arrow-rise: 5px; + background-color: transparent; +} + +.popup-separator-menu-item { + margin: 0 0; + padding: 0 0; + background: none; + border: none; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + margin: 0 0; + background-color: rgba(0, 0, 0, 0.12); + padding: 0 0; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 0; + margin: 0 32px 0 0; +} + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; +} + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; +} + +.system-switch-user-submenu-icon { + icon-size: 16px; + padding: 0 4px; +} + +#appMenu { + spinner-image: url("process-working.svg"); + spacing: 4px; +} + +#appMenu .label-shadow { + color: transparent; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 0; + -st-icon-style: symbolic; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + /* 12px spacing + 2*4px padding */ + padding-left: 16px; + margin-left: 1em; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + /* 12px spacing + 2*4px padding */ + padding-right: 16px; + margin-right: 1em; +} + +.system-menu-action { + color: #424242; + border-radius: 100px; + /* wish we could do 50% */ + padding: 12px; + border: none; + -st-icon-style: symbolic; +} + +.system-menu-action:hover, .system-menu-action:focus { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; + border: none; + padding: 12px; +} + +.system-menu-action:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.system-menu-action > StIcon { + icon-size: 16px; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 1.2307692308em; +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border-color: #f5c363; + background-color: #F3BA4B; +} + +.candidate-popup-content { + padding: 8px; + spacing: 0; +} + +.candidate-index { + padding: 0 4px 0 0; + color: #565656; +} + +.candidate-box:selected .candidate-index { + color: rgba(255, 255, 255, 0.5); +} + +.candidate-box { + transition-duration: 0ms; + min-height: 28px; + padding: 0 8px; + border-radius: 6px; +} + +.candidate-box:hover { + background-color: rgba(0, 0, 0, 0.12); + color: #242424; +} + +.candidate-box:active { + background-color: rgba(0, 0, 0, 0.2); + color: #242424; +} + +.candidate-box:selected { + background-color: #F3BA4B; + color: rgba(255, 255, 255, 0.85); +} + +.candidate-page-button-box { + height: 28px; +} + +.vertical .candidate-page-button-box { + padding-top: 0; +} + +.horizontal .candidate-page-button-box { + padding-left: 0; +} + +.candidate-page-button { + min-width: 28px; + min-height: 28px; + padding: 0; +} + +.candidate-page-button-previous { + border-radius: 6px; + border-right-width: 0; +} + +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1.2307692308em; +} + +.screen-shield-arrows { + padding-bottom: 3em; +} + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock { + color: white; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + font-weight: normal; + text-align: center; + padding-bottom: 1.5em; +} + +.screen-shield-clock-time { + font-size: 112px; + font-weight: 300; + text-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +} + +.screen-shield-clock-date { + font-size: 45px; + font-weight: 400; +} + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; +} + +.screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.screen-shield-notifications-container .notification, +.screen-shield-notifications-container .screen-shield-notification-source { + padding: 8px; + border: none; + background-color: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.85); + border-radius: 6px; +} + +.screen-shield-notifications-container .notification { + margin-right: 16px; +} + +.screen-shield-notification-label { + min-height: 18px; + padding: 2px 0px 0px 16px; + font-weight: bold; +} + +.screen-shield-notification-count-text { + min-height: 18px; + padding: 2px 0px 0px 16px; + color: rgba(255, 255, 255, 0.85); +} + +#panel.lock-screen { + background-color: rgba(0, 0, 0, 0.3); +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: rgba(0, 0, 0, 0.6); + color: white; + border-radius: 6px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: rgba(0, 0, 0, 0.3); +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: white; + background-color: #F3BA4B; + border-radius: 99px; + margin-right: 12px; +} + +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 16px; + min-height: 6px; +} + +StScrollBar StBin#trough { + margin: 6px; + border-radius: 100px; + background-color: rgba(0, 0, 0, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 100px; + background-color: #565656; + margin: 6px; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #424242; +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #242424; +} + +.slider { + height: 20px; + color: white; + border-radius: 16px; + -slider-height: 19px; + -slider-background-color: rgba(0, 0, 0, 0.1); + -slider-border-color: rgba(0, 0, 0, 0.15); + -slider-active-background-color: white; + -slider-active-border-color: rgba(0, 0, 0, 0.15); + -slider-border-width: 1px; + -slider-handle-radius: 10px; + -slider-handle-border-width: 1px; + -slider-handle-border-color: rgba(0, 0, 0, 0.15); + -barlevel-height: 19px; + -barlevel-background-color: rgba(0, 0, 0, 0.1); + -barlevel-border-color: rgba(0, 0, 0, 0.15); + -barlevel-active-background-color: white; + -barlevel-active-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-color: #f8464c; + -barlevel-overdrive-border-color: rgba(0, 0, 0, 0.15); + -barlevel-overdrive-separator-width: 0; + -barlevel-border-width: 1px; + -barlevel-border-color: rgba(0, 0, 0, 0.15); +} + +.toggle-switch { + width: 40px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.popup-menu-item.selected .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.popup-menu-item.selected .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); +} + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: black; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: white; + background-color: #F3BA4B; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 1000px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.dashtodock #dash, #dashtodockContainer.dashtodock:overview #dash, #dashtodockContainer.extended #dash, #dashtodockContainer.extended:overview #dash { + border: 1px solid rgba(0, 0, 0, 0.03); +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.top.dashtodock #dash, #dashtodockContainer.top.dashtodock:overview #dash { + border-radius: 18px; + margin-top: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.top.shrink #dash { + border-top-width: 0; +} + +#dashtodockContainer.top.extended #dash, #dashtodockContainer.top.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.dashtodock #dash, #dashtodockContainer.bottom.dashtodock:overview #dash { + border-radius: 18px; + margin-bottom: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.bottom.shrink #dash { + border-bottom-width: 0; +} + +#dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.dashtodock #dash, #dashtodockContainer.left.dashtodock:overview #dash { + border-radius: 18px; + margin-left: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.left.shrink #dash { + border-left-width: 0; +} + +#dashtodockContainer.left.extended #dash, #dashtodockContainer.left.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset -1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.dashtodock #dash, #dashtodockContainer.right.dashtodock:overview #dash { + border-radius: 18px; + margin-right: 6px; + padding: 3px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.right.shrink #dash { + border-right-width: 0; +} + +#dashtodockContainer.right.extended #dash, #dashtodockContainer.right.extended:overview #dash { + margin: 0; + padding: 0; + border-radius: 0; + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.05); +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash { + border-left: 0; + border-right: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + border-top: 0; + border-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} + +#dashtodockContainer.dashtodock #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer #dash .app-well-app-running-dot { + background-color: rgba(0, 0, 0, 0.85); +} + +#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.transparent #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer:overview #dash { + background-color: rgba(255, 255, 255, 0.15); +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.85); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #F3BA4B; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash, #dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background-color: rgba(241, 241, 241, 0.15); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer .app-well-app .overview-icon, +#dashtodockContainer .show-apps .overview-icon { + padding: 8px; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +#dash:desktop { + background-color: rgba(241, 241, 241, 0.15); +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + color: #424242; + background-color: transparent; + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-provider:focus { + color: #242424; + text-shadow: none; + icon-shadow: none; + box-shadow: none; +} + +.openweather-provider:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + border-color: transparent; + box-shadow: none; + text-shadow: none; + icon-shadow: none; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #242424; +} + +.openweather-current-databox-values { + background: none; + color: #565656; +} + +.openweather-current-databox-captions { + background: none; + color: #565656; +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: #424242; +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: #565656; +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: #424242; +} + +.popup-menu .search-entry { + color: #242424; + selection-background-color: #F3BA4B; + selected-color: white; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 100px; + border: 2px solid transparent; + box-shadow: none; +} + +.popup-menu .search-entry:focus { + border: 2px solid #f8d593; + box-shadow: none; + color: #242424; +} + +.popup-menu .search-entry .search-entry-icon { + color: #565656; +} + +.popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { + color: #242424; +} diff --git a/src/main/gnome-shell/gnome-shell-light-yellow.scss b/src/main/gnome-shell/gnome-shell-light-yellow.scss new file mode 100644 index 00000000..aa383fd9 --- /dev/null +++ b/src/main/gnome-shell/gnome-shell-light-yellow.scss @@ -0,0 +1,11 @@ +$variant: 'light'; +$laptop: 'true'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gnome-shell/drawing'; +@import '../../sass/gnome-shell/widgets'; +@import '../../sass/gnome-shell/extensions'; diff --git a/src/main/gnome-shell/gnome-shell-light.scss b/src/main/gnome-shell/gnome-shell-light.scss index a08028ff..a4c360e7 100644 --- a/src/main/gnome-shell/gnome-shell-light.scss +++ b/src/main/gnome-shell/gnome-shell-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'true'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-2.0/gtkrc-dark-blue b/src/main/gtk-2.0/gtkrc-dark-blue new file mode 100644 index 00000000..4699d8b6 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-blue @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #2E7CF7" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-green b/src/main/gtk-2.0/gtkrc-dark-green new file mode 100644 index 00000000..76bf5fbc --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-green @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #79B757" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-grey b/src/main/gtk-2.0/gtkrc-dark-grey new file mode 100644 index 00000000..ecb15a00 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-grey @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #8C8C8C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-orange b/src/main/gtk-2.0/gtkrc-dark-orange new file mode 100644 index 00000000..9f870b2a --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-orange @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #E9873A" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-pink b/src/main/gtk-2.0/gtkrc-dark-pink new file mode 100644 index 00000000..537314f4 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-pink @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #E55E9C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-purple b/src/main/gtk-2.0/gtkrc-dark-purple new file mode 100644 index 00000000..c62eae32 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-purple @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #9A57A3" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-red b/src/main/gtk-2.0/gtkrc-dark-red new file mode 100644 index 00000000..5da1409d --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-red @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #ED5F5D" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-dark-yellow b/src/main/gtk-2.0/gtkrc-dark-yellow new file mode 100644 index 00000000..cb34aceb --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-dark-yellow @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #242424" +gtk-color-scheme = "text_color: #dedede" +gtk-color-scheme = "bg_color: #333333" +gtk-color-scheme = "fg_color: #dedede" +gtk-color-scheme = "tooltip_bg_color: #2a2a2a" +gtk-color-scheme = "tooltip_fg_color: #dedede" +gtk-color-scheme = "selected_bg_color: #F3BA4B" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #2A2A2A" +gtk-color-scheme = "insensitive_fg_color: #565656" +gtk-color-scheme = "insensitive_button_fg_color: #999999" +gtk-color-scheme = "notebook_bg: #242424" +gtk-color-scheme = "dark_sidebar_bg: #3B3B3B" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #333333" +gtk-color-scheme = "menu_fg: #dedede" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-blue b/src/main/gtk-2.0/gtkrc-light-blue new file mode 100644 index 00000000..3b1e24d3 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-blue @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #2E7CF7" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-green b/src/main/gtk-2.0/gtkrc-light-green new file mode 100644 index 00000000..d04a6f12 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-green @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #79B757" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-grey b/src/main/gtk-2.0/gtkrc-light-grey new file mode 100644 index 00000000..31ae48a3 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-grey @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #8C8C8C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-orange b/src/main/gtk-2.0/gtkrc-light-orange new file mode 100644 index 00000000..2b3ad876 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-orange @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #E9873A" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-pink b/src/main/gtk-2.0/gtkrc-light-pink new file mode 100644 index 00000000..1965d061 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-pink @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #E55E9C" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-purple b/src/main/gtk-2.0/gtkrc-light-purple new file mode 100644 index 00000000..5389d11d --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-purple @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #9A57A3" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-red b/src/main/gtk-2.0/gtkrc-light-red new file mode 100644 index 00000000..b1135dc6 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-red @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #ED5F5D" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-2.0/gtkrc-light-yellow b/src/main/gtk-2.0/gtkrc-light-yellow new file mode 100644 index 00000000..8589ea71 --- /dev/null +++ b/src/main/gtk-2.0/gtkrc-light-yellow @@ -0,0 +1,26 @@ +gtk-color-scheme = "base_color: #ffffff" +gtk-color-scheme = "text_color: #363636" +gtk-color-scheme = "bg_color: #f5f5f5" +gtk-color-scheme = "fg_color: #242424" +gtk-color-scheme = "tooltip_bg_color: #FEFEFE" +gtk-color-scheme = "tooltip_fg_color: #363636" +gtk-color-scheme = "selected_bg_color: #F3BA4B" +gtk-color-scheme = "selected_fg_color: #ffffff" +gtk-color-scheme = "insensitive_bg_color: #FAFAFA" +gtk-color-scheme = "insensitive_fg_color: #7e7e7e" +gtk-color-scheme = "insensitive_button_fg_color: #7e7e7e" +gtk-color-scheme = "notebook_bg: #f5f5f5" +gtk-color-scheme = "dark_sidebar_bg: #F7F7F7" +gtk-color-scheme = "link_color: #5294e2" +gtk-color-scheme = "menu_bg: #ffffff" +gtk-color-scheme = "menu_fg: #363636" + +gtk-icon-sizes = "gtk-button=16,16" # This makes button icons smaller. +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" +include "apps.rc" +include "panel.rc" +include "xfce-notify.rc" +include "menubar-toolbar.rc" diff --git a/src/main/gtk-3.0/gtk-dark-blue.css b/src/main/gtk-3.0/gtk-dark-blue.css new file mode 100644 index 00000000..00b4e011 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-blue.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(46, 124, 247, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #86adeb; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #90bafb; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #2E7CF7; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#25282f); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#252d39); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window rgba(43, 115, 230, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-blue.scss b/src/main/gtk-3.0/gtk-dark-blue.scss new file mode 100644 index 00000000..21eabbac --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-blue.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-green.css b/src/main/gtk-3.0/gtk-dark-green.css new file mode 100644 index 00000000..e6833255 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-green.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(121, 183, 87, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #accb9b; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #b2d69e; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #79B757; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#282b27); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2d3329); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window rgba(113, 170, 81, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-green.scss b/src/main/gtk-3.0/gtk-dark-green.scss new file mode 100644 index 00000000..cbfd8e40 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-green.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-grey.css b/src/main/gtk-3.0/gtk-dark-grey.css new file mode 100644 index 00000000..ecf2f516 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-grey.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(140, 140, 140, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #b5b5b5; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #bfbfbf; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #8C8C8C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#292929); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2e2e2e); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window rgba(130, 130, 130, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-grey.scss b/src/main/gtk-3.0/gtk-dark-grey.scss new file mode 100644 index 00000000..e33bd6c3 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-grey.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-orange.css b/src/main/gtk-3.0/gtk-dark-orange.css new file mode 100644 index 00000000..adcfb468 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-orange.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(233, 135, 58, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e4b38c; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3bf96; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E9873A; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2925); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382e26); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window rgba(217, 126, 54, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-orange.scss b/src/main/gtk-3.0/gtk-dark-orange.scss new file mode 100644 index 00000000..dac272bd --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-orange.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-pink.css b/src/main/gtk-3.0/gtk-dark-pink.css new file mode 100644 index 00000000..02a3332a --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-pink.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(229, 94, 156, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e29ebd; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3b6d2; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E55E9C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#372a30); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window rgba(213, 88, 145, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-pink.scss b/src/main/gtk-3.0/gtk-dark-pink.scss new file mode 100644 index 00000000..9fc191e2 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-pink.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-purple.css b/src/main/gtk-3.0/gtk-dark-purple.css new file mode 100644 index 00000000..63356c62 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-purple.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(154, 87, 163, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bc9bc1; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #c298c8; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #9A57A3; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2a272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#302931); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window rgba(143, 81, 152, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-purple.scss b/src/main/gtk-3.0/gtk-dark-purple.scss new file mode 100644 index 00000000..4fc05421 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-purple.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-red.css b/src/main/gtk-3.0/gtk-dark-red.css new file mode 100644 index 00000000..ca2b41c8 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-red.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(237, 95, 93, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e69f9e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f7bab9; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #ED5F5D; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2727); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382a2a); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window rgba(221, 88, 87, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-red.scss b/src/main/gtk-3.0/gtk-dark-red.scss new file mode 100644 index 00000000..eca95e4e --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-red.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-blue.css b/src/main/gtk-3.0/gtk-dark-solid-blue.css new file mode 100644 index 00000000..9d01196c --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-blue.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(46, 124, 247, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #86adeb; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #90bafb; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #2E7CF7; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#25282f); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#252d39); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window #2c5699; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-blue.scss b/src/main/gtk-3.0/gtk-dark-solid-blue.scss new file mode 100644 index 00000000..d1987979 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-blue.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-green.css b/src/main/gtk-3.0/gtk-dark-solid-green.css new file mode 100644 index 00000000..384d2eb9 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-green.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(121, 183, 87, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #accb9b; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #b2d69e; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #79B757; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#282b27); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2d3329); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window #557642; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-green.scss b/src/main/gtk-3.0/gtk-dark-solid-green.scss new file mode 100644 index 00000000..be92cc4a --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-green.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-grey.css b/src/main/gtk-3.0/gtk-dark-solid-grey.css new file mode 100644 index 00000000..bc6c8324 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-grey.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(140, 140, 140, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #b5b5b5; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #bfbfbf; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #8C8C8C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#292929); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#2e2e2e); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window #5f5f5f; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-grey.scss b/src/main/gtk-3.0/gtk-dark-solid-grey.scss new file mode 100644 index 00000000..bddfad08 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-grey.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-orange.css b/src/main/gtk-3.0/gtk-dark-solid-orange.css new file mode 100644 index 00000000..dcd88438 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-orange.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(233, 135, 58, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e4b38c; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3bf96; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E9873A; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2925); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382e26); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window #915c33; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-orange.scss b/src/main/gtk-3.0/gtk-dark-solid-orange.scss new file mode 100644 index 00000000..54a039d2 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-orange.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-pink.css b/src/main/gtk-3.0/gtk-dark-solid-pink.css new file mode 100644 index 00000000..07055545 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-pink.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(229, 94, 156, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e29ebd; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f3b6d2; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #E55E9C; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#372a30); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window #8f4668; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-pink.scss b/src/main/gtk-3.0/gtk-dark-solid-pink.scss new file mode 100644 index 00000000..b38620e8 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-pink.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-purple.css b/src/main/gtk-3.0/gtk-dark-solid-purple.css new file mode 100644 index 00000000..5fdf1a7e --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-purple.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(154, 87, 163, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bc9bc1; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #c298c8; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #9A57A3; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2a272a); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#302931); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window #66426b; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-purple.scss b/src/main/gtk-3.0/gtk-dark-solid-purple.scss new file mode 100644 index 00000000..8b39910a --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-purple.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-red.css b/src/main/gtk-3.0/gtk-dark-solid-red.css new file mode 100644 index 00000000..6450da24 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-red.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(237, 95, 93, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e69f9e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f7bab9; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #ED5F5D; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2727); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#382a2a); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window #934746; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-red.scss b/src/main/gtk-3.0/gtk-dark-solid-red.scss new file mode 100644 index 00000000..246574d4 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-red.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid-yellow.css b/src/main/gtk-3.0/gtk-dark-solid-yellow.css new file mode 100644 index 00000000..bfa7535c --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-yellow.css @@ -0,0 +1,10246 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(243, 186, 75, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e9cc95; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #333333; + border: 1px solid #424242; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid #424242; +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: #3c3c3c; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, #141414 200px, #141414 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #333333 0%, #333333 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f9dfab; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #333333; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: #333333; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #878787; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #F3BA4B; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2c26); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#393328); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2a2a2a; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dadada; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6d6d6d; + background-color: #111111; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #373737; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #262626; +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #dadada; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #dadada; + background-color: rgba(218, 218, 218, 0.3); +} + +.xfce4-panel.panel { + background-color: #2a2a2a; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: #2a2a2a; + color: #dadada; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #333333; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #333333; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #333333; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #333333; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #333333; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#333333); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #dadada; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #dadada; + background-color: rgba(218, 218, 218, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(42, 42, 42, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #dadada; +} + +.menubar.panel .panel.maximized { + background-color: rgba(42, 42, 42, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(42, 42, 42, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #dadada; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #dadada; + border-radius: 2px; + color: #2a2a2a; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(42, 42, 42, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #dddddd; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2a2a2a; + color: #dadada; + font-weight: bold; + box-shadow: inset 0 -1px #181818; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dadada; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(218, 218, 218, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #333333; +} + +.raven button.linked:hover { + background-color: #404040; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: #474747; + border-radius: 12px; + background-color: #333333; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #2a2a2a; + color: #dadada; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(42, 42, 42, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(218, 218, 218, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(218, 218, 218, 0.1); + color: rgba(218, 218, 218, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(218, 218, 218, 0.15); + color: #dadada; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(218, 218, 218, 0.12); + color: #dadada; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #dadada; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(218, 218, 218, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(218, 218, 218, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #1f1f1f; + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: #333333; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #404040; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid #4d4d4d; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(218, 218, 218, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window #97783c; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-solid-yellow.scss b/src/main/gtk-3.0/gtk-dark-solid-yellow.scss new file mode 100644 index 00000000..c44ad0a0 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-solid-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'false'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark-solid.scss b/src/main/gtk-3.0/gtk-dark-solid.scss index 73e7f7e9..415d7159 100644 --- a/src/main/gtk-3.0/gtk-dark-solid.scss +++ b/src/main/gtk-3.0/gtk-dark-solid.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'false'; $trans: 'false'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-3.0/gtk-dark-yellow.css b/src/main/gtk-3.0/gtk-dark-yellow.css new file mode 100644 index 00000000..ed7dd690 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-yellow.css @@ -0,0 +1,10242 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #383838; + color: rgba(222, 222, 222, 0.35); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #dadada; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #2c2c2c; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #242424; +} + +textview text { + background-color: #242424; +} + +textview border { + background-color: #2c2c2c; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #0e0e0e; +} + +label.separator { + color: #dedede; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #dadada; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +entry.warning { + color: white; + background-color: #a0562e; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #a63530; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.35); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(243, 186, 75, 0.55); + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + color: white; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + color: white; + background-color: #4a92e5; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.suggested-action:active, button.suggested-action:checked { + color: white; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action { + color: white; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + color: white; + background-color: #f95f64; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +button.destructive-action:active, button.destructive-action:checked { + color: white; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.35); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(222, 222, 222, 0.35); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.35); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #b4b4b4; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.35); +} + +spinbutton entry { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.05); +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.15); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dadada; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #333333; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #474747; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #FDFDFD; + background-color: #373737; + border-bottom: 1px solid #0e0e0e; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-color: #373737; + border-color: #060606; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(255, 255, 255, 0.1) 16%, rgba(255, 255, 255, 0.1) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #373737; + border-color: #0e0e0e; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: #373737; + border-color: #060606; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #373737; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a75e36; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #ad3d38; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 26px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.15); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(255, 255, 255, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(222, 222, 222, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(222, 222, 222, 0.35); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(255, 255, 255, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #e9cc95; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(253, 253, 253, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(253, 253, 253, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: #333333; + border: 1px solid #474747; + color: #dedede; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(51, 51, 51, 0.95); + border: 1px solid rgba(66, 66, 66, 0.95); +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #dedede; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #dedede; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(222, 222, 222, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.55); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(66, 66, 66, 0.95); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #dedede; +} + +popover entry, +popover.background entry { + background-color: rgba(60, 60, 60, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #474747; +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px #474747, inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px #474747; + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 #474747; + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #474747, inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.35); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.675); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.05); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(222, 222, 222, 0.35); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.675); + background-color: rgba(255, 255, 255, 0.05); + border-color: #444444; +} + +notebook > header tabs > tab:checked { + color: #dedede; + background-color: #373737; + border-color: #444444; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #a2a2a2; +} + +notebook > header tabs > tab button.flat:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #f8f8f8; + background-color: rgba(255, 255, 255, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.25) 0%, rgba(222, 222, 222, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(222, 222, 222, 0.1) 0%, rgba(222, 222, 222, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: #262626; +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #272727; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(255, 255, 255, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #dedede; + background-color: rgba(255, 255, 255, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #dedede; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.15); +} + +row:selected label { + color: #dedede; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: rgba(55, 55, 55, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar.header { + color: #dedede; + border: none; +} + + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + + +calendar.button:hover { + color: #dedede; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(222, 222, 222, 0.35); +} + + +calendar:indeterminate { + color: rgba(222, 222, 222, 0.55); +} + + +calendar.highlight { + color: rgba(222, 222, 222, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(51, 51, 51, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(51, 51, 51, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #dadada; + background-color: transparent; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #dadada; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #0e0e0e; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #333333; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(0, 0, 0, 0.15); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.25); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dadada; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, #474747, #474747), linear-gradient(to bottom, #474747, #474747); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 rgba(0, 0, 0, 0.35), 0 16px 16px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.35), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.75); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #0e0e0e; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-dark.png"), url("windows-assets/titlebutton-close-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover-dark.png"), url("windows-assets/titlebutton-close-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-maximize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-dark@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover-dark.png"), url("windows-assets/titlebutton-minimize-backdrop-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-dark.png"), url("windows-assets/titlebutton-restore-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-dark.png"), url("windows-assets/titlebutton-restore-backdrop-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover-dark.png"), url("windows-assets/titlebutton-restore-backdrop-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover-dark.png"), url("windows-assets/titlebutton-restore-hover-dark@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active-dark.png"), url("windows-assets/titlebutton-restore-active-dark@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#242424); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(255, 255, 255, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 0%, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 201px, #242424 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dadada; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #f9dfab; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(218, 218, 218, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px-dark.png"), url("assets/sidebar-view-hover-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px-dark.png"), url("assets/sidebar-view-active-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #dedede; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px-dark.png"), url("assets/sidebar-view-checked-200px-dark@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #dedede; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dadada; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: white; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #aaaaaa; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #242424; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(51, 51, 51, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #262626; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #dadada; + background-color: rgba(51, 51, 51, 0.95); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #dadada; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(139, 139, 139, 0.975); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dadada; +} + +.nemo-window paned > separator { + background-image: image(#474747); +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid #F3BA4B; + background-color: rgba(255, 255, 255, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #dedede; + background-color: #242424; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #FDFDFD; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); + background-color: #373737; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #afafaf; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #dedede; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#242424); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#2e2c26); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#393328); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #474747; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(222, 222, 222, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #474747; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(255, 255, 255, 0.12), inset 0 -1px #333333; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #242424; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(222, 222, 222, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #dedede; + background-image: image(rgba(255, 255, 255, 0.03)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #333333; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: #242424; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #333333; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#0e0e0e); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.05); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #242424; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #333333; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #dedede; + background-image: none; + background-color: #7f7f7f; + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #333333; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #242424; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #FDFDFD; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #333333; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #373737; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #373737; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(51, 51, 51, 0.95); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #333333; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(222, 222, 222, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(222, 222, 222, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#333333); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #242424; + background-color: #bfbfbf; + border-color: rgba(255, 255, 255, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); + border-color: rgba(255, 255, 255, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); + border-color: rgba(255, 255, 255, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(222, 222, 222, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #333333; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #0e0e0e; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.background.csd > paned.titlebar { + background-color: #373737; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #242424; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(255, 255, 255, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: black; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(0, 0, 0, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(13, 13, 13, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #dadada; + caret-color: #dadada; + background-color: #333333; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dadada; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(38, 38, 38, 0.95); +} + +.caja-navigation-window .primary-toolbar { + background-color: #373737; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#474747); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(0, 0, 0, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #333333; + color: #dedede; +} + +.xfce4-panel { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #333333; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(255, 255, 255, 0.1); + color: #dedede; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(51, 51, 51, 0.95); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(255, 255, 255, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#0e0e0e); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #0e0e0e; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(253, 253, 253, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(253, 253, 253, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #dedede; + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #dedede; + background-color: rgba(222, 222, 222, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #242424; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #242424; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #0e0e0e; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #333333; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #333333; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #242424; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(222, 222, 222, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(222, 222, 222, 0.15); + color: white; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#656565); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(51, 51, 51, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #333333; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #242424; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(51, 51, 51, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #666666; +} + +#MozillaGtkWidget > widget text { + background-color: #333333; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(51, 51, 51, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #333333; + color: #dadada; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #474747; + background-color: #333333; + color: #dadada; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #333333; + color: #dadada; +} + +window.background.chromium > menubar { + background-color: #373737; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #373737; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #FDFDFD; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: #5d5d5d; + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(253, 253, 253, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(222, 222, 222, 0.05); + color: #dedede; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(51, 51, 51, 0.95)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(222, 222, 222, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: white; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(0, 0, 0, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(0, 0, 0, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(0, 0, 0, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.45); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(255, 255, 255, 0.35); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(0, 0, 0, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #FDFDFD; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(255, 255, 255, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(253, 253, 253, 0.35); + background-color: rgba(255, 255, 255, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #0e0e0e; + color: #dadada; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #0e0e0e; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(255, 255, 255, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #dedede; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #dadada; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(218, 218, 218, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #242424; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(255, 255, 255, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #dedede; + background-color: rgba(255, 255, 255, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #333333; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #242424; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(253, 253, 253, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -5px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: #373737; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #373737; + border-bottom: 1px solid #0e0e0e; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(253, 253, 253, 0.7); + background-image: none; + background-color: #373737; + border-color: #060606; +} + +.terminal-window .search-bar { + background-color: #333333; + border-bottom: 1px solid #474747; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #474747; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + color: #FDFDFD; + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(253, 253, 253, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(0, 0, 0, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: #404040; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #a8a8a8; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(0, 0, 0, 0.15); + background-color: #656565; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(255, 255, 255, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #f8f8f8; + border-color: rgba(0, 0, 0, 0.15); + background-color: #6d6d6d; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: rgba(0, 0, 0, 0.15); +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(101, 101, 101, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #0e0e0e; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.15); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.15); + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.15); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + color: green; + background-color: #f8464c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:hover { + color: green; + background-color: #fa777c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + color: green; + background-color: #f6151c; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button { + color: green; + background-color: #3484e2; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:hover { + color: green; + background-color: #619fe8; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#restart_button.button:active, #restart_button.button:checked { + color: green; + background-color: #1c6bc7; + border-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), inset 0 -1px rgba(255, 255, 255, 0.03); +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.35); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(222, 222, 222, 0.35); +} + +.raven stackswitcher.linked > button, .raven button { + color: #FDFDFD; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #f8f8f8; + background-color: rgba(253, 253, 253, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #FDFDFD; + background-color: rgba(253, 253, 253, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(253, 253, 253, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(51, 51, 51, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #242424; + border-radius: 0 0 0 12px; + border-color: #0e0e0e; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(71, 71, 71, 0.95); + border-radius: 12px; + background-color: rgba(51, 51, 51, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 2px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.08); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #dedede; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(222, 222, 222, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.35); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(0, 0, 0, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(0, 0, 0, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #dedede; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(222, 222, 222, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(222, 222, 222, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(222, 222, 222, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #dedede; +} + +#tasklist-button:active { + background-color: rgba(222, 222, 222, 0.15); + color: #ebebeb; +} + +#tasklist-button:checked { + background-color: rgba(222, 222, 222, 0.12); + color: #ebebeb; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(31, 31, 31, 0.95); + color: #dadada; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #dadada; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(222, 222, 222, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(101, 101, 101, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: #656565; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #181818; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.35); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #1b1b1b; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.35); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.15); + background-color: rgba(51, 51, 51, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(64, 64, 64, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(222, 222, 222, 0.35); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #b4b4b4; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(218, 218, 218, 0.45); +} + +.raven .raven-background list { + color: #dadada; + background-color: #1b1b1b; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(218, 218, 218, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #181818; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #1b1b1b; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #dadada; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(218, 218, 218, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(222, 222, 222, 0.06); + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #dedede; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #dadada; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(218, 218, 218, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #dadada; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(218, 218, 218, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#dadada,0.35); +} + +calendar.raven-calendar.highlight { + color: #dadada; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(0, 0, 0, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #333333; + border: 1px solid rgba(77, 77, 77, 0.95); +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-dark.png"), url("windows-assets/titlebutton-close-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover-dark.png"), url("windows-assets/titlebutton-close-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active-dark.png"), url("windows-assets/titlebutton-close-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-dark.png"), url("windows-assets/titlebutton-maximize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover-dark.png"), url("windows-assets/titlebutton-maximize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active-dark.png"), url("windows-assets/titlebutton-maximize-active-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-dark.png"), url("windows-assets/titlebutton-minimize-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover-dark.png"), url("windows-assets/titlebutton-minimize-hover-dark@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active-dark.png"), url("windows-assets/titlebutton-minimize-active-dark@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dadada; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #dedede; +@define-color text_color #dadada; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(222, 222, 222, 0.35); +@define-color insensitive_fg_color alpha(rgba(222, 222, 222, 0.35), 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dadada; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #151515; +@define-color wm_title alpha(#fdfdfd, 0.8); +@define-color wm_unfocused_title alpha(#fdfdfd, 0.5); +@define-color wm_bg #373737; +@define-color wm_bg_unfocused #373737; +@define-color wm_highlight #5d5d5d; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #373737; +@define-color titlebar_gradient_b #373737; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window rgba(226, 173, 70, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-dark-yellow.scss b/src/main/gtk-3.0/gtk-dark-yellow.scss new file mode 100644 index 00000000..51fd3129 --- /dev/null +++ b/src/main/gtk-3.0/gtk-dark-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'dark'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-dark.scss b/src/main/gtk-3.0/gtk-dark.scss index 03e315c0..5cffa6af 100644 --- a/src/main/gtk-3.0/gtk-dark.scss +++ b/src/main/gtk-3.0/gtk-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-3.0/gtk-light-blue.css b/src/main/gtk-3.0/gtk-light-blue.css new file mode 100644 index 00000000..97360abc --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-blue.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(46, 124, 247, 0); + background-color: rgba(46, 124, 247, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #29508e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #2E7CF7; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f5f8ff); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#eaf2fe); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window rgba(60, 133, 248, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-blue.scss b/src/main/gtk-3.0/gtk-light-blue.scss new file mode 100644 index 00000000..de8e62e6 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-blue.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-green.css b/src/main/gtk-3.0/gtk-light-green.css new file mode 100644 index 00000000..2d0780ea --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-green.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(121, 183, 87, 0); + background-color: rgba(121, 183, 87, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #4f6e3e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #79B757; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f8fbf7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f2f8ee); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window rgba(130, 188, 99, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-green.scss b/src/main/gtk-3.0/gtk-light-green.scss new file mode 100644 index 00000000..0f366105 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-green.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-grey.css b/src/main/gtk-3.0/gtk-light-grey.css new file mode 100644 index 00000000..965b38a6 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-grey.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(140, 140, 140, 0); + background-color: rgba(140, 140, 140, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #585858; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #8C8C8C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f9f9f9); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f4f4f4); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window rgba(148, 148, 148, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-grey.scss b/src/main/gtk-3.0/gtk-light-grey.scss new file mode 100644 index 00000000..c1e229ec --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-grey.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-orange.css b/src/main/gtk-3.0/gtk-light-orange.css new file mode 100644 index 00000000..a6908fb5 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-orange.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(233, 135, 58, 0); + background-color: rgba(233, 135, 58, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #87562f; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E9873A; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef9f5); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdf3eb); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window rgba(235, 143, 72, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-orange.scss b/src/main/gtk-3.0/gtk-light-orange.scss new file mode 100644 index 00000000..abcf63dd --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-orange.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-pink.css b/src/main/gtk-3.0/gtk-light-pink.css new file mode 100644 index 00000000..008799ba --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-pink.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(229, 94, 156, 0); + background-color: rgba(229, 94, 156, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #854160; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E55E9C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fceff5); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window rgba(231, 105, 163, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-pink.scss b/src/main/gtk-3.0/gtk-light-pink.scss new file mode 100644 index 00000000..a47be087 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-pink.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-purple.css b/src/main/gtk-3.0/gtk-light-purple.css new file mode 100644 index 00000000..c605a355 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-purple.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(154, 87, 163, 0); + background-color: rgba(154, 87, 163, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #5f3e64; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #9A57A3; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#faf7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f5eef6); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window rgba(161, 99, 169, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-purple.scss b/src/main/gtk-3.0/gtk-light-purple.scss new file mode 100644 index 00000000..d0e0d579 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-purple.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-red.css b/src/main/gtk-3.0/gtk-light-red.css new file mode 100644 index 00000000..0576cb73 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-red.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(237, 95, 93, 0); + background-color: rgba(237, 95, 93, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #894241; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #ED5F5D; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7f7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdefef); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window rgba(238, 106, 104, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-red.scss b/src/main/gtk-3.0/gtk-light-red.scss new file mode 100644 index 00000000..17366202 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-red.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-blue.css b/src/main/gtk-3.0/gtk-light-solid-blue.css new file mode 100644 index 00000000..0f7e24e7 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-blue.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #2E7CF7; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #2E7CF7; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #2E7CF7; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #0960e9; + background-color: rgba(9, 96, 233, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #2E7CF7; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #2E7CF7; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #5f9bf9; + background-color: #2E7CF7; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #2E7CF7; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #2E7CF7; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#2E7CF7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(46, 124, 247, 0); + background-color: rgba(46, 124, 247, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #2E7CF7; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#2E7CF7), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #abcbfc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #eaf2fe; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #d5e5fd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #d5e5fd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(120, 170, 250, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(120, 170, 250, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #78aafa; + border-color: #649ef9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #78aafa; + color: rgba(255, 255, 255, 0.6); + border-color: #649ef9; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #78aafa; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #2E7CF7; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #2E7CF7; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #2E7CF7; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #97befb; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #82b0fa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #29508e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #c0d8fd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #2E7CF7; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #2E7CF7; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #2E7CF7; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #2E7CF7; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #2E7CF7; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, rgba(46, 124, 247, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #5f9bf9 0%, #2E7CF7 100%), radial-gradient(circle farthest-corner at center, rgba(46, 124, 247, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #dae8fe 0%, #a9c9fc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #2E7CF7; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #a1c4fb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #2E7CF7; +} + +scale highlight:disabled { + background-color: rgba(46, 124, 247, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(46, 124, 247, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #e0ebfe; + border-color: #e0ebfe; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #97befb; + border-color: #97befb; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #a1c4fb; + border-color: #a1c4fb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #2E7CF7; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #2E7CF7; + background-color: #2E7CF7; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #2E7CF7; + background-color: #2E7CF7; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(46, 124, 247, 0.2)), to(rgba(46, 124, 247, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #2E7CF7; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #2E7CF7; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #2E7CF7; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #2E7CF7; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #2E7CF7; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #97befb; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #2E7CF7; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #d5e5fd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(46, 124, 247, 0.8); + border-color: rgba(9, 96, 233, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #2E7CF7; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #478bf8; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(120, 170, 250, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #2E7CF7; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #2E7CF7; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #2E7CF7; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #2E7CF7; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #2E7CF7; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #2E7CF7; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#2E7CF7); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #2E7CF7; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f5f8ff); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#eaf2fe); + color: #2E7CF7; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#2E7CF7); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(46, 124, 247, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #2E7CF7; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #90bafb; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #2E7CF7; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #4288f8; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #1a70f6; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(120, 170, 250, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(120, 170, 250, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #2E7CF7; + border-color: #2E7CF7; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #2E7CF7; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #2E7CF7; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #90bafb; + background-color: #2E7CF7; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #2E7CF7; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #2E7CF7; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #2E7CF7; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #2E7CF7; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #78aafa; + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #2E7CF7; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(46, 124, 247, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #2E7CF7; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #2E7CF7; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #2E7CF7; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #2E7CF7; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(120, 170, 250, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #2E7CF7; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #2E7CF7, #2E7CF7); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #2E7CF7; + border-color: #2E7CF7; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #2E7CF7; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #2E7CF7; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #2E7CF7; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #2E7CF7; + border-color: #2E7CF7; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #2E7CF7; + background-color: #2E7CF7; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #2E7CF7; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #2E7CF7; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #478bf8; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(46, 124, 247, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #2E7CF7; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #78aafa 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #78aafa 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #78aafa 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #78aafa 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#2E7CF7); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#2E7CF7); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#2E7CF7); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#2E7CF7); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #2E7CF7; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #2E7CF7; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(46, 124, 247, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #2E7CF7; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #2E7CF7; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #2E7CF7; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #2E7CF7; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #2E7CF7; +@define-color budgie_tasklist_indicator_color_active #2E7CF7; +@define-color budgie_tasklist_indicator_color_active_window #88b2f4; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-blue.scss b/src/main/gtk-3.0/gtk-light-solid-blue.scss new file mode 100644 index 00000000..580d123c --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-blue.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'blue'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-green.css b/src/main/gtk-3.0/gtk-light-solid-green.css new file mode 100644 index 00000000..0f1a1fde --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-green.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #79B757; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #79B757; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #79B757; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #619942; + background-color: rgba(97, 153, 66, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #79B757; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #79B757; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #95c67b; + background-color: #79B757; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #79B757; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #79B757; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#79B757), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(121, 183, 87, 0); + background-color: rgba(121, 183, 87, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #79B757; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#79B757), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #c9e2bc; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f2f8ee; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e4f1dd; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e4f1dd; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(164, 206, 141, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(164, 206, 141, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #a4ce8d; + border-color: #98c87e; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #a4ce8d; + color: rgba(255, 255, 255, 0.6); + border-color: #98c87e; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #a4ce8d; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #79B757; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #79B757; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #79B757; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #bcdbab; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #afd49a; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #4f6e3e; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #d7e9cd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #79B757; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #79B757; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #79B757; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #79B757; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #79B757; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, rgba(121, 183, 87, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #95c67b 0%, #79B757 100%), radial-gradient(circle farthest-corner at center, rgba(121, 183, 87, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #ddedd4 0%, #c0ddb0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #79B757; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #c3dfb3; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #79B757; +} + +scale highlight:disabled { + background-color: rgba(121, 183, 87, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(121, 183, 87, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #ebf4e6; + border-color: #ebf4e6; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #bcdbab; + border-color: #bcdbab; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #c3dfb3; + border-color: #c3dfb3; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #79B757; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #79B757; + background-color: #79B757; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #79B757; + background-color: #79B757; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(121, 183, 87, 0.2)), to(rgba(121, 183, 87, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #79B757; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #79B757; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #79B757, #79B757); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #79B757; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #79B757; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #79B757; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #79B757; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #bcdbab; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #79B757; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e4f1dd; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(121, 183, 87, 0.8); + border-color: rgba(97, 153, 66, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #79B757; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #87bf69; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(164, 206, 141, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #79B757; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #79B757; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #79B757; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #79B757; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #79B757; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #79B757; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#79B757); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #79B757; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f8fbf7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f2f8ee); + color: #79B757; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#79B757); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(121, 183, 87, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #79B757; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #b2d69e; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #79B757; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #84bd65; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #6eaf4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(164, 206, 141, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(164, 206, 141, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #79B757; + border-color: #79B757; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #79B757; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #79B757; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #b2d69e; + background-color: #79B757; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #79B757; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #79B757; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #79B757; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #79B757; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #a4ce8d; + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #79B757; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(121, 183, 87, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #79B757; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #79B757; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #79B757; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #79B757; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #79B757; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(164, 206, 141, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #79B757; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #79B757, #79B757); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #79B757; + border-color: #79B757; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #79B757; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #79B757; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #79B757; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #79B757; + border-color: #79B757; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #79B757; + background-color: #79B757; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #79B757; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #79B757; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #87bf69; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(121, 183, 87, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #79B757; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #a4ce8d 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #a4ce8d 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #a4ce8d 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #a4ce8d 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#79B757); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#79B757); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#79B757); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#79B757); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #79B757; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #79B757; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(121, 183, 87, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #79B757; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #79B757; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #79B757; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #79B757; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #79B757; +@define-color budgie_tasklist_indicator_color_active #79B757; +@define-color budgie_tasklist_indicator_color_active_window #b0d29e; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-green.scss b/src/main/gtk-3.0/gtk-light-solid-green.scss new file mode 100644 index 00000000..fb69def4 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-green.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'green'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-grey.css b/src/main/gtk-3.0/gtk-light-solid-grey.css new file mode 100644 index 00000000..dcfd84cd --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-grey.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #8C8C8C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #8C8C8C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #8C8C8C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #737373; + background-color: rgba(115, 115, 115, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #8C8C8C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #8C8C8C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #a6a6a6; + background-color: #8C8C8C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #8C8C8C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #8C8C8C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#8C8C8C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(140, 140, 140, 0); + background-color: rgba(140, 140, 140, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #8C8C8C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8C8C8C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d1d1d1; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f4f4f4; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #e8e8e8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #e8e8e8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(178, 178, 178, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(178, 178, 178, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b2b2b2; + border-color: #a8a8a8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b2b2b2; + color: rgba(255, 255, 255, 0.6); + border-color: #a8a8a8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b2b2b2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #8C8C8C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #8C8C8C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #8C8C8C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #c6c6c6; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #bababa; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #585858; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #dddddd; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #8C8C8C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #8C8C8C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #8C8C8C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #8C8C8C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #8C8C8C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, rgba(140, 140, 140, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #a6a6a6 0%, #8C8C8C 100%), radial-gradient(circle farthest-corner at center, rgba(140, 140, 140, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e5e5e5 0%, #cccccc 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #8C8C8C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #cbcbcb; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #8C8C8C; +} + +scale highlight:disabled { + background-color: rgba(140, 140, 140, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(140, 140, 140, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #eeeeee; + border-color: #eeeeee; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #c6c6c6; + border-color: #c6c6c6; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #cbcbcb; + border-color: #cbcbcb; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #8C8C8C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #8C8C8C; + background-color: #8C8C8C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #8C8C8C; + background-color: #8C8C8C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(140, 140, 140, 0.2)), to(rgba(140, 140, 140, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #8C8C8C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #8C8C8C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #8C8C8C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #8C8C8C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #8C8C8C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #c6c6c6; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #8C8C8C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #e8e8e8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(140, 140, 140, 0.8); + border-color: rgba(115, 115, 115, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #8C8C8C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #999999; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(178, 178, 178, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #8C8C8C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #8C8C8C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #8C8C8C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #8C8C8C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #8C8C8C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #8C8C8C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#8C8C8C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #8C8C8C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#f9f9f9); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f4f4f4); + color: #8C8C8C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#8C8C8C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(140, 140, 140, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #8C8C8C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #bfbfbf; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #8C8C8C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #969696; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #828282; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(178, 178, 178, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(178, 178, 178, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #8C8C8C; + border-color: #8C8C8C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #8C8C8C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #8C8C8C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #bfbfbf; + background-color: #8C8C8C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #8C8C8C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #8C8C8C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #8C8C8C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #8C8C8C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b2b2b2; + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8C8C8C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(140, 140, 140, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #8C8C8C; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #8C8C8C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #8C8C8C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #8C8C8C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(178, 178, 178, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #8C8C8C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #8C8C8C, #8C8C8C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #8C8C8C; + border-color: #8C8C8C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #8C8C8C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #8C8C8C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #8C8C8C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #8C8C8C; + border-color: #8C8C8C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #8C8C8C; + background-color: #8C8C8C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #8C8C8C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #8C8C8C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #999999; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(140, 140, 140, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #8C8C8C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b2b2b2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b2b2b2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b2b2b2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b2b2b2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#8C8C8C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#8C8C8C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#8C8C8C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#8C8C8C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #8C8C8C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #8C8C8C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(140, 140, 140, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #8C8C8C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #8C8C8C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #8C8C8C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #8C8C8C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #8C8C8C; +@define-color budgie_tasklist_indicator_color_active #8C8C8C; +@define-color budgie_tasklist_indicator_color_active_window #bababa; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-grey.scss b/src/main/gtk-3.0/gtk-light-solid-grey.scss new file mode 100644 index 00000000..1f804284 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-grey.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'grey'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-orange.css b/src/main/gtk-3.0/gtk-light-solid-orange.css new file mode 100644 index 00000000..f74dd4c4 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-orange.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E9873A; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E9873A; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E9873A; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #d86c18; + background-color: rgba(216, 108, 24, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E9873A; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E9873A; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #eea368; + background-color: #E9873A; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E9873A; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E9873A; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E9873A), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(233, 135, 58, 0); + background-color: rgba(233, 135, 58, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E9873A; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E9873A), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f6cfb0; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdf3eb; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbe7d8; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbe7d8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(241, 177, 127, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(241, 177, 127, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f1b17f; + border-color: #efa66c; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f1b17f; + color: rgba(255, 255, 255, 0.6); + border-color: #efa66c; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f1b17f; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E9873A; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E9873A; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E9873A; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f4c39d; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f2b789; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #87562f; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f8dbc4; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E9873A; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E9873A; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E9873A; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E9873A; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E9873A; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, rgba(233, 135, 58, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #eea368 0%, #E9873A 100%), radial-gradient(circle farthest-corner at center, rgba(233, 135, 58, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fbe9db 0%, #f6cdad 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E9873A; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f5c9a6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E9873A; +} + +scale highlight:disabled { + background-color: rgba(233, 135, 58, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(233, 135, 58, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fcede1; + border-color: #fcede1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f4c39d; + border-color: #f4c39d; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f5c9a6; + border-color: #f5c9a6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E9873A; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E9873A; + background-color: #E9873A; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E9873A; + background-color: #E9873A; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(233, 135, 58, 0.2)), to(rgba(233, 135, 58, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E9873A; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E9873A; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E9873A, #E9873A); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E9873A; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E9873A; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E9873A; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E9873A; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f4c39d; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E9873A; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbe7d8; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(233, 135, 58, 0.8); + border-color: rgba(216, 108, 24, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E9873A; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #ec9551; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(241, 177, 127, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E9873A; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E9873A; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E9873A; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E9873A; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E9873A; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E9873A; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E9873A); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E9873A; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef9f5); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdf3eb); + color: #E9873A; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E9873A); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(233, 135, 58, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E9873A; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3bf96; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E9873A; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #eb924c; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e77c28; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(241, 177, 127, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(241, 177, 127, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E9873A; + border-color: #E9873A; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E9873A; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E9873A; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3bf96; + background-color: #E9873A; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E9873A; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E9873A; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E9873A; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E9873A; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f1b17f; + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E9873A; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(233, 135, 58, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E9873A; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E9873A; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E9873A; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E9873A; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E9873A; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(241, 177, 127, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E9873A; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E9873A, #E9873A); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E9873A; + border-color: #E9873A; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E9873A; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E9873A; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E9873A; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E9873A; + border-color: #E9873A; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E9873A; + background-color: #E9873A; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E9873A; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E9873A; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #ec9551; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(233, 135, 58, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E9873A; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f1b17f 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f1b17f 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f1b17f 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f1b17f 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E9873A); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E9873A); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E9873A); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E9873A); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E9873A; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E9873A; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(233, 135, 58, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E9873A; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E9873A; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E9873A; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E9873A; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E9873A; +@define-color budgie_tasklist_indicator_color_active #E9873A; +@define-color budgie_tasklist_indicator_color_active_window #edb88e; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-orange.scss b/src/main/gtk-3.0/gtk-light-solid-orange.scss new file mode 100644 index 00000000..bcbbcd77 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-orange.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'orange'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-pink.css b/src/main/gtk-3.0/gtk-light-solid-pink.css new file mode 100644 index 00000000..290639c2 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-pink.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #E55E9C; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #E55E9C; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #E55E9C; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #de3281; + background-color: rgba(222, 50, 129, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #E55E9C; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #E55E9C; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #ec8ab7; + background-color: #E55E9C; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #E55E9C; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #E55E9C; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#E55E9C), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(229, 94, 156, 0); + background-color: rgba(229, 94, 156, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #E55E9C; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#E55E9C), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f5bfd7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fceff5; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fadfeb; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fadfeb; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(240, 160, 197, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(240, 160, 197, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f0a0c5; + border-color: #ed8eba; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f0a0c5; + color: rgba(255, 255, 255, 0.6); + border-color: #ed8eba; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f0a0c5; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #E55E9C; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #E55E9C; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #E55E9C; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f2afce; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #ef9ec4; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #854160; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #f7cfe1; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #E55E9C; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #E55E9C; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #E55E9C; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #E55E9C; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #E55E9C; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, rgba(229, 94, 156, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #ec8ab7 0%, #E55E9C 100%), radial-gradient(circle farthest-corner at center, rgba(229, 94, 156, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fef8fb 0%, #f7cce0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #E55E9C; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f3b7d2; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #E55E9C; +} + +scale highlight:disabled { + background-color: rgba(229, 94, 156, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(229, 94, 156, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fbe7f0; + border-color: #fbe7f0; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f2afce; + border-color: #f2afce; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f3b7d2; + border-color: #f3b7d2; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #E55E9C; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #E55E9C; + background-color: #E55E9C; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #E55E9C; + background-color: #E55E9C; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(229, 94, 156, 0.2)), to(rgba(229, 94, 156, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #E55E9C; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #E55E9C; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #E55E9C; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #E55E9C; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #E55E9C; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f2afce; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #E55E9C; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fadfeb; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(229, 94, 156, 0.8); + border-color: rgba(222, 50, 129, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #E55E9C; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #e974aa; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(240, 160, 197, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #E55E9C; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #E55E9C; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #E55E9C; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #E55E9C; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #E55E9C; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #E55E9C; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#E55E9C); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #E55E9C; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fceff5); + color: #E55E9C; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#E55E9C); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(229, 94, 156, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #E55E9C; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f3b6d2; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #E55E9C; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #e870a7; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #e24c91; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(240, 160, 197, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(240, 160, 197, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #E55E9C; + border-color: #E55E9C; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #E55E9C; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #E55E9C; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f3b6d2; + background-color: #E55E9C; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #E55E9C; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #E55E9C; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #E55E9C; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #E55E9C; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f0a0c5; + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #E55E9C; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(229, 94, 156, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #E55E9C; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #E55E9C; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #E55E9C; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #E55E9C; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(240, 160, 197, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #E55E9C; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #E55E9C, #E55E9C); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #E55E9C; + border-color: #E55E9C; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #E55E9C; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #E55E9C; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #E55E9C; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #E55E9C; + border-color: #E55E9C; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #E55E9C; + background-color: #E55E9C; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #E55E9C; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #E55E9C; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #e974aa; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(229, 94, 156, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #E55E9C; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f0a0c5 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f0a0c5 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f0a0c5 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f0a0c5 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#E55E9C); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#E55E9C); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#E55E9C); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#E55E9C); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #E55E9C; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #E55E9C; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(229, 94, 156, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #E55E9C; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #E55E9C; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #E55E9C; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #E55E9C; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #E55E9C; +@define-color budgie_tasklist_indicator_color_active #E55E9C; +@define-color budgie_tasklist_indicator_color_active_window #eba2c3; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-pink.scss b/src/main/gtk-3.0/gtk-light-solid-pink.scss new file mode 100644 index 00000000..48f81aa1 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-pink.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'pink'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-purple.css b/src/main/gtk-3.0/gtk-light-solid-purple.css new file mode 100644 index 00000000..79710d1a --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-purple.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #9A57A3; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #9A57A3; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #9A57A3; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #7b4582; + background-color: rgba(123, 69, 130, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #9A57A3; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #9A57A3; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #af77b6; + background-color: #9A57A3; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #9A57A3; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #9A57A3; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#9A57A3), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(154, 87, 163, 0); + background-color: rgba(154, 87, 163, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #9A57A3; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#9A57A3), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #d7bcda; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #f5eef6; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #ebdded; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #ebdded; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(185, 135, 191, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(185, 135, 191, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #b987bf; + border-color: #b17ab8; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #b987bf; + color: rgba(255, 255, 255, 0.6); + border-color: #b17ab8; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #b987bf; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #9A57A3; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #9A57A3; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #9A57A3; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #cdabd1; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #c29ac8; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #5f3e64; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #e1cde3; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #9A57A3; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #9A57A3; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #9A57A3; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #9A57A3; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #9A57A3; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, rgba(154, 87, 163, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #af77b6 0%, #9A57A3 100%), radial-gradient(circle farthest-corner at center, rgba(154, 87, 163, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #e0cae3 0%, #cca9d1 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #9A57A3; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #d2b3d6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #9A57A3; +} + +scale highlight:disabled { + background-color: rgba(154, 87, 163, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(154, 87, 163, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #f0e6f1; + border-color: #f0e6f1; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #cdabd1; + border-color: #cdabd1; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #d2b3d6; + border-color: #d2b3d6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #9A57A3; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #9A57A3; + background-color: #9A57A3; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #9A57A3; + background-color: #9A57A3; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(154, 87, 163, 0.2)), to(rgba(154, 87, 163, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #9A57A3; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #9A57A3; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #9A57A3; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #9A57A3; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #9A57A3; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #cdabd1; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #9A57A3; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ebdded; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(154, 87, 163, 0.8); + border-color: rgba(123, 69, 130, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #9A57A3; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #a566ad; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(185, 135, 191, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #9A57A3; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #9A57A3; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #9A57A3; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #9A57A3; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #9A57A3; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #9A57A3; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#9A57A3); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #9A57A3; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#faf7fa); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#f5eef6); + color: #9A57A3; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#9A57A3); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(154, 87, 163, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #9A57A3; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #c298c8; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #9A57A3; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #a363ac; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #8d5096; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(185, 135, 191, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(185, 135, 191, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #9A57A3; + border-color: #9A57A3; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #9A57A3; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #9A57A3; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #c298c8; + background-color: #9A57A3; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #9A57A3; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #9A57A3; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #9A57A3; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #9A57A3; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #b987bf; + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #9A57A3; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(154, 87, 163, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #9A57A3; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #9A57A3; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #9A57A3; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #9A57A3; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(185, 135, 191, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #9A57A3; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #9A57A3, #9A57A3); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #9A57A3; + border-color: #9A57A3; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #9A57A3; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #9A57A3; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #9A57A3; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #9A57A3; + border-color: #9A57A3; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #9A57A3; + background-color: #9A57A3; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #9A57A3; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #9A57A3; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #a566ad; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(154, 87, 163, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #9A57A3; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #b987bf 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #b987bf 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #b987bf 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #b987bf 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#9A57A3); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#9A57A3); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#9A57A3); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#9A57A3); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #9A57A3; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #9A57A3; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(154, 87, 163, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #9A57A3; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #9A57A3; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #9A57A3; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #9A57A3; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #9A57A3; +@define-color budgie_tasklist_indicator_color_active #9A57A3; +@define-color budgie_tasklist_indicator_color_active_window #c29ec7; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-purple.scss b/src/main/gtk-3.0/gtk-light-solid-purple.scss new file mode 100644 index 00000000..056ba421 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-purple.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'purple'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-red.css b/src/main/gtk-3.0/gtk-light-solid-red.css new file mode 100644 index 00000000..3e39b8da --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-red.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #ED5F5D; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #ED5F5D; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #ED5F5D; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #e8322f; + background-color: rgba(232, 50, 47, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #ED5F5D; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #ED5F5D; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f28c8b; + background-color: #ED5F5D; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #ED5F5D; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #ED5F5D; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#ED5F5D), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(237, 95, 93, 0); + background-color: rgba(237, 95, 93, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #ED5F5D; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#ED5F5D), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #f8bfbe; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fdefef; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fbdfdf; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fbdfdf; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(245, 163, 162, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(245, 163, 162, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f5a3a2; + border-color: #f3918f; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f5a3a2; + color: rgba(255, 255, 255, 0.6); + border-color: #f3918f; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f5a3a2; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #ED5F5D; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #ED5F5D; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #ED5F5D; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f6afae; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f49f9e; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #894241; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #facfce; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #ED5F5D; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #ED5F5D; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #ED5F5D; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #ED5F5D; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #ED5F5D; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, rgba(237, 95, 93, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f28c8b 0%, #ED5F5D 100%), radial-gradient(circle farthest-corner at center, rgba(237, 95, 93, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fffefe 0%, #fad0d0 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #ED5F5D; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #f7b7b6; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #ED5F5D; +} + +scale highlight:disabled { + background-color: rgba(237, 95, 93, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(237, 95, 93, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fce7e7; + border-color: #fce7e7; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f6afae; + border-color: #f6afae; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #f7b7b6; + border-color: #f7b7b6; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #ED5F5D; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #ED5F5D; + background-color: #ED5F5D; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #ED5F5D; + background-color: #ED5F5D; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(237, 95, 93, 0.2)), to(rgba(237, 95, 93, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #ED5F5D; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #ED5F5D; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #ED5F5D; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #ED5F5D; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #ED5F5D; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f6afae; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #ED5F5D; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fbdfdf; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(237, 95, 93, 0.8); + border-color: rgba(232, 50, 47, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #ED5F5D; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f07674; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(245, 163, 162, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #ED5F5D; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #ED5F5D; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #ED5F5D; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #ED5F5D; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #ED5F5D; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #ED5F5D; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#ED5F5D); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #ED5F5D; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fef7f7); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fdefef); + color: #ED5F5D; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#ED5F5D); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(237, 95, 93, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #ED5F5D; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f7bab9; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #ED5F5D; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #ef716f; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #eb4d4b; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(245, 163, 162, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(245, 163, 162, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #ED5F5D; + border-color: #ED5F5D; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #ED5F5D; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #ED5F5D; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f7bab9; + background-color: #ED5F5D; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #ED5F5D; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #ED5F5D; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #ED5F5D; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #ED5F5D; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f5a3a2; + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #ED5F5D; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(237, 95, 93, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #ED5F5D; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #ED5F5D; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #ED5F5D; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #ED5F5D; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(245, 163, 162, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #ED5F5D; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #ED5F5D, #ED5F5D); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #ED5F5D; + border-color: #ED5F5D; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #ED5F5D; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #ED5F5D; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #ED5F5D; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #ED5F5D; + border-color: #ED5F5D; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #ED5F5D; + background-color: #ED5F5D; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #ED5F5D; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #ED5F5D; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f07674; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(237, 95, 93, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #ED5F5D; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f5a3a2 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f5a3a2 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f5a3a2 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f5a3a2 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#ED5F5D); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#ED5F5D); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#ED5F5D); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#ED5F5D); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #ED5F5D; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #ED5F5D; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(237, 95, 93, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #ED5F5D; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #ED5F5D; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #ED5F5D; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #ED5F5D; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #ED5F5D; +@define-color budgie_tasklist_indicator_color_active #ED5F5D; +@define-color budgie_tasklist_indicator_color_active_window #efa2a1; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-red.scss b/src/main/gtk-3.0/gtk-light-solid-red.scss new file mode 100644 index 00000000..54a66825 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-red.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'red'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid-yellow.css b/src/main/gtk-3.0/gtk-light-solid-yellow.css new file mode 100644 index 00000000..0552432d --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-yellow.css @@ -0,0 +1,10283 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: #2a2a2a; + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(243, 186, 75, 0); + background-color: rgba(243, 186, 75, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: #2a2a2a; + border-color: #161616; +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: #2a2a2a; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #8c6f38; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: #ffffff; + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: #f4f4f4; +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #F3BA4B; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: #444444; + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal { + background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%); +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 200px, transparent 200px, transparent 100%); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: #ffffff; + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f0f0f0; +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: #939393; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fefcf6); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fef8ed); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: #2a2a2a; +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: #2a2a2a; + border: 1px solid #161616; + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: #1d1d1d; +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #161616; +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: #1d1d1d; + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #f1f1f1; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d8d8d8; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #fefefe; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: #e3e3e3; +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: #363636; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: #363636; + background-color: rgba(54, 54, 54, 0.3); +} + +.xfce4-panel.panel { + background-color: #f1f1f1; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: #f1f1f1; + color: #363636; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: #f0f0f0; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: #f0f0f0; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: #ffffff; +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: #ffffff; + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(#f0f0f0); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #292929; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #292929; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #292929; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: #363636; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #363636; + background-color: rgba(54, 54, 54, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(241, 241, 241, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: #363636; +} + +.menubar.panel .panel.maximized { + background-color: rgba(241, 241, 241, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(241, 241, 241, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: #363636; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: #363636; + border-radius: 2px; + color: #f1f1f1; + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, #2a2a2a, #2a2a2a); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(241, 241, 241, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #f1f1f1; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #dfdfdf; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2a2a2a; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: #ffffff; +} + +.raven button.linked:hover { + background-color: #f2f2f2; +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: #f5f5f5; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #f1f1f1; + color: #363636; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(241, 241, 241, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(54, 54, 54, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(54, 54, 54, 0.1); + color: rgba(54, 54, 54, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(54, 54, 54, 0.15); + color: #363636; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(54, 54, 54, 0.12); + color: #363636; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: #363636; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(54, 54, 54, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(54, 54, 54, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: #dedede; + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: #ffffff; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: #f2f2f2; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(54, 54, 54, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window #f2d397; +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-solid-yellow.scss b/src/main/gtk-3.0/gtk-light-solid-yellow.scss new file mode 100644 index 00000000..530734f9 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-solid-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'false'; +$black: 'true'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light-solid.scss b/src/main/gtk-3.0/gtk-light-solid.scss index 1e42200d..a41210e4 100644 --- a/src/main/gtk-3.0/gtk-light-solid.scss +++ b/src/main/gtk-3.0/gtk-light-solid.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'false'; $trans: 'false'; $black: 'true'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/main/gtk-3.0/gtk-light-yellow.css b/src/main/gtk-3.0/gtk-light-yellow.css new file mode 100644 index 00000000..63700dd7 --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-yellow.css @@ -0,0 +1,10279 @@ +* { + padding: 0; + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.15); + outline-style: solid; + outline-offset: -4px; + outline-width: 2px; + -gtk-outline-radius: 6px; + -gtk-secondary-caret-color: #F3BA4B; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled, label:disabled selection { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled, label:disabled selection.gtkstyle-fallback { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #F3BA4B; + color: white; +} + +.csd filechooser stack.view scrolledwindow treeview.view, iconview, .view { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.csd filechooser stack.view scrolledwindow treeview.view:hover, iconview:hover, .view:hover { + background-color: #f7f7f7; +} + +.csd filechooser stack.view scrolledwindow treeview.view:selected, iconview:selected, .view:selected { + color: white; + background-color: #F3BA4B; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +textview { + background-color: #ffffff; +} + +textview text { + background-color: #ffffff; +} + +textview border { + background-color: #fafafa; +} + +iconview, iconview:hover, iconview:selected { + border-radius: 6px; +} + +XfdesktopIconView.view .rubberband, .content-view rubberband, treeview.view rubberband, flowbox rubberband, +rubberband, +.rubberband { + border: 1px solid #f0a81b; + background-color: rgba(240, 168, 27, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 6px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +flowbox.search-bar { + border-bottom: 1px solid #e0e0e0; +} + +label.separator { + color: #242424; +} + +label selection { + color: white; + background-color: #F3BA4B; +} + +label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-switcher .notification-body, +.budgie-notification .notification-body, popover label.separator, +popover.background label.separator, headerbar .subtitle, label.separator, .dim-label { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #F3BA4B; + color: white; +} + +.osd .scale-popup, popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { + color: #dadada; + border: none; + background-color: rgba(42, 42, 42, 0.9); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled, label:disabled selection:checked { + opacity: 0.5; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +entry.contacts-postal-entry, spinbutton entry, .linked > entry:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border: none; +} + +entry.contacts-postal-entry:focus, spinbutton entry:focus, .linked > entry:focus:not(:only-child) { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry.contacts-postal-entry:disabled, spinbutton entry:disabled, .linked > entry:disabled:not(:only-child) { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry { + min-height: 24px; + border: none; + padding: 2px 8px; + border-radius: 6px; + caret-color: currentColor; + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +entry.search { + border-radius: 6px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +.raven .raven-background spinbutton:not(.vertical), entry.flat, entry.flat:focus { + min-height: 0; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:hover { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +entry:focus { + color: #363636; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); + transition-duration: 300ms; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(0, 0, 0, 0.02); +} + +entry.warning { + color: white; + background-color: #f7ae86; + border-image: none; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + background-color: #fd8d88; + border-image: none; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; + border-image: none; +} + +.osd entry { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + border-image: none; +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: white; + border-color: #f6cc7b; + background-color: #F3BA4B; + border-image: none; +} + +.osd entry:disabled { + color: #dadada; + background-color: rgba(98, 98, 98, 0.81); + border-image: none; +} + +.osd entry selection:focus, .osd entry selection { + color: #F3BA4B; + background-color: white; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #F3BA4B; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus { + min-height: 20px; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: white; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#F3BA4B), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + } +} + +.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + background-color: transparent; +} + +.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button { + min-height: 20px; + min-width: 16px; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 6px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +button.flat { + min-height: 24px; + transition: none; +} + +button.flat:hover { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active { + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:checked:hover { + background-image: none; +} + +button.flat.toggle.popup { + min-width: 20px; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: white; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(243, 186, 75, 0); + background-color: rgba(243, 186, 75, 0.55); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.55); +} + +button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + min-height: 20px; + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + min-height: 24px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 6px; + padding-left: 6px; +} + +button:drop(active) { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dadada; + background-color: rgba(42, 42, 42, 0.9); + border-color: rgba(22, 22, 22, 0.9); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #F3BA4B; + box-shadow: none; + background-color: rgba(98, 98, 98, 0.96); +} + +button.osd:active, button.osd:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +button.osd:disabled, label:disabled selection.osd { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +.osd button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button:active, .osd button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +.osd button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +.osd button.flat:disabled, .osd label:disabled selection.flat, label:disabled .osd selection.flat { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; + background-image: none; +} + +.osd button.flat:active, .osd button.flat:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #4a92e5; + border-color: #3081e1; + background-image: none; + box-shadow: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.suggested-action:disabled, label:disabled selection.suggested-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.suggested-action:disabled label, label:disabled selection.suggested-action label, button.suggested-action:disabled, label:disabled selection.suggested-action { + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #f95f64; + border-color: #f84147; + background-image: none; + box-shadow: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, label:disabled selection.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.45); +} + +button.destructive-action:disabled, label:disabled selection.destructive-action { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +button.destructive-action:disabled label, label:disabled selection.destructive-action label, button.destructive-action:disabled, label:disabled selection.destructive-action { + color: rgba(36, 36, 36, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label, .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#F3BA4B), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 6px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +toolbar.inline-toolbar toolbutton:first-child > button.flat { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +toolbar.inline-toolbar toolbutton:last-child > button.flat { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +toolbar.inline-toolbar toolbutton:only-child > button.flat { + border-radius: 6px; + border-style: solid; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked.path-bar:not(.vertical) > button + button { + border-left-style: none; +} + +.linked.vertical > entry:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.linked.vertical > entry:drop(active):not(:only-child) { + box-shadow: inset 0 0 0 2px #F08437; +} + +.linked.vertical > entry.warning:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #F27835; +} + +.linked.vertical > entry.error:focus:not(:only-child) { + box-shadow: inset 0 0 0 2px #FC4138; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl), spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .linked:not(.vertical) > entry, .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, toolbar.inline-toolbar toolbutton > button.flat { + border-radius: 0; + border-right-style: none; +} + +spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton > button.flat:first-child { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton > button.flat:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right-style: solid; +} + +spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton > button.flat:only-child { + border-radius: 6px; + border-style: solid; +} + +spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > entry, .linked.vertical > entry:focus, .linked.vertical > button { + border-radius: 0; + border-bottom-style: none; +} + +spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > entry:first-child, .linked.vertical > button:first-child { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-style: solid; +} + +spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 6px; + border-style: solid; +} + +calendar.raven-calendar.button, .nemo-window .floating-bar button, +calendar.button, .app-notification button, notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover, notebook > header tabs > tab button.flat:hover, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, button:link, button:visited, menuitem.button.flat, +modelbutton.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 6px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, label:disabled selection.flat, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +button:link, button:visited, *:link { + color: #3484e2; +} + +button:visited, *:link:visited { + color: #505050; +} + +*:selected button:visited, *:selected *:link:visited { + color: #fae3b7; +} + +button:hover:link, button:hover:visited, *:link:hover { + color: #619fe8; +} + +*:selected button:hover:link, *:selected button:hover:visited, *:selected *:link:hover { + color: #fef8ed; +} + +button:active:link, button:active:visited, *:link:active { + color: #3484e2; +} + +*:selected button:active:link, *:selected button:active:visited, *:selected *:link:active { + color: #fdf1db; +} + +infobar.info > revealer > box *:link, infobar.info:hover > revealer > box *:link, infobar.info:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:hover > revealer > box *:link, infobar.question:backdrop > revealer > box *:link, infobar.warning > revealer > box *:link, infobar.warning:hover > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link, infobar.error > revealer > box *:link, infobar.error:hover > revealer > box *:link, infobar.error:backdrop > revealer > box *:link, .selection-mode headerbar .subtitle:link, headerbar.selection-mode .subtitle:link, button:selected:link, button:selected:visited, *:selected button:link, *:selected button:visited, *:link:selected, *:selected *:link { + color: #fdf1db; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: white; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.45); +} + +spinbutton entry { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +spinbutton entry:focus { + border-color: rgba(248, 213, 147, 0.75); + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +spinbutton entry:drop(active) { + border-color: #F08437; + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px #F08437; +} + +spinbutton:not(.vertical) entry { + padding-top: 2px; + padding-bottom: 2px; + min-width: 28px; +} + +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + min-height: 20px; +} + +spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 6px 0 0 6px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical), .osd spinbutton:not(.vertical):focus, .osd spinbutton:not(.vertical):drop(active) { + border-image: none; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 6px 6px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: rgba(248, 213, 147, 0.75); +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox { + min-height: 16px; +} + +combobox button.combo { + min-width: 0; + min-height: 16px; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +.background combobox button.combo arrow { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); + min-height: 16px; + min-width: 18px; + padding: 0; + margin: 2px -10px 2px 0; + border-radius: 5px; + border: none; +} + +combobox decoration, +combobox button.combo:checked, .background combobox button.combo:checked { + transition: none; +} + +combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +combobox .linked:not(.vertical) > entry + button.combo arrow, .linked:not(.vertical) > combobox > box > button.combo arrow { + background-color: transparent; + box-shadow: none; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); +} + +combobox .linked:not(.vertical) > entry + button.combo:checked arrow, .linked:not(.vertical) > combobox > box > button.combo:checked arrow { + border-radius: 0; + background-color: transparent; + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow-dark.png"), url("assets/combobox-arrow-dark@2.png")); +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +.linked:not(.vertical) > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} + +.linked.vertical > combobox:only-child > box > button.combo { + border-radius: 6px; +} + +.inline-toolbar, toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #ffffff; +} + +.horizontal.inline-toolbar, toolbar.horizontal { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.inline-toolbar separator, toolbar separator { + background: none; +} + +.horizontal.inline-toolbar separator, toolbar.horizontal separator { + margin: 0 6px; +} + +.vertical.inline-toolbar separator, toolbar.vertical separator { + margin: 6px 0; +} + +.osd .inline-toolbar, .osd toolbar { + background-color: transparent; +} + +.osd.inline-toolbar, toolbar.osd { + padding: 8px; + border: none; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.toolbar.inline-toolbar, toolbar.osd.toolbar { + padding: 0; + margin: 6px 8px 10px; + box-shadow: none; + background: none; +} + +.osd.toolbar.inline-toolbar > box.horizontal, toolbar.osd.toolbar > box.horizontal { + padding: 8px; + border-radius: 10px; + background-color: rgba(42, 42, 42, 0.9); + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.osd.left.inline-toolbar, .osd.right.inline-toolbar, .osd.top.inline-toolbar, .osd.bottom.inline-toolbar, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +.osd.top.inline-toolbar, toolbar.osd.top { + border-width: 0 0 1px 0; +} + +.osd.bottom.inline-toolbar, toolbar.osd.bottom { + border-width: 1px 0 0 0; +} + +.osd.left.inline-toolbar, toolbar.osd.left { + border-width: 0 1px 0 0; +} + +.osd.right.inline-toolbar, toolbar.osd.right { + border-width: 0 0 0 1px; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + border-width: 0 1px 1px; + padding: 3px; +} + +.background.csd .inline-toolbar { + border-radius: 0 0 6px 6px; +} + +searchbar { + background-color: #f5f5f5; + padding: 0; + margin: 0; + border: none; +} + +searchbar > revealer > box { + padding: 6px; + margin: -6px; + border-style: solid; + border-color: #d6d6d6; + border-width: 0 0 1px; +} + +searchbar .linked:not(.vertical) > entry { + margin-top: 0; + margin-bottom: 0; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #ededed; +} + +.background.csd revealer > actionbar { + border-radius: 0 0 12px 12px; +} + +headerbar { + min-height: 40px; + padding: 0 16px; + color: #575757; + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; +} + +headerbar:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-color: white; + border-color: #ededed; +} + +headerbar .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + margin-top: -3px; +} + +headerbar button, headerbar spinbutton { + margin-top: 8px; + margin-bottom: 8px; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button { + min-width: 20px; + border-radius: 6px; + border: none; + box-shadow: none; +} + +headerbar .linked:not(.vertical):not(.stack-switcher) > button:disabled { + background: none; +} + +headerbar stackswitcher.linked.stack-switcher:not(.vertical) > button { + min-height: 26px; + min-width: 20px; + border-radius: 6px; +} + +headerbar .linked:not(.vertical) > entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + margin: 8px 3px; + padding: 0 8px; + border-radius: 6px; + border: none; +} + +headerbar .linked:not(.vertical) > entry image, headerbar .linked:not(.vertical) > entry image:hover { + color: inherit; +} + +headerbar .linked:not(.vertical) > entry:focus { + border-radius: 6px; + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar .linked:not(.vertical) > entry:disabled { + border-radius: 6px; + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +headerbar .linked:not(.vertical) > entry:backdrop { + opacity: 0.65; + background-image: none; +} + +headerbar stackswitcher, headerbar .stack-switcher { + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); + border-radius: 6px; + margin: 8px 0; + padding: 0; +} + +headerbar stackswitcher button, headerbar .stack-switcher button { + min-height: 26px; + margin: 0; + font-weight: 500; +} + +headerbar stackswitcher button:not(:first-child), headerbar .stack-switcher button:not(:first-child) { + border-width: 0 0 0 1px; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 16%, rgba(0, 0, 0, 0.08) 16%, rgba(0, 0, 0, 0.08) 84%, transparent 84%) 0 0 0 1/0 0 0 1px stretch; +} + +headerbar stackswitcher button:checked, headerbar .stack-switcher button:checked { + border-image: none; +} + +headerbar stackswitcher button:checked + button, headerbar .stack-switcher button:checked + button { + border-image: none; +} + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; +} + +headerbar switch:backdrop { + opacity: 0.75; +} + +headerbar.titlebar headerbar:not(.titlebar) { + background: none; + box-shadow: none; +} + +.selection-mode headerbar, headerbar.selection-mode { + color: white; + background-color: #f8d593; + border-color: #f7ce80; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +.selection-mode headerbar:backdrop, headerbar.selection-mode:backdrop { + background-color: #f8d593; + color: rgba(255, 255, 255, 0.6); + border-color: #f7ce80; +} + +.selection-mode headerbar button, headerbar.selection-mode button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.selection-mode headerbar .selection-menu, headerbar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +.selection-mode headerbar .selection-menu GtkArrow, headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +.selection-mode headerbar .selection-menu .arrow, headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized .selection-mode headerbar, .maximized headerbar.selection-mode { + background-color: #f8d593; +} + +.tiled headerbar, .tiled headerbar:backdrop, .maximized headerbar, .maximized headerbar:backdrop { + box-shadow: none; +} + +.maximized headerbar { + background-color: #ffffff; + border-color: #e0e0e0; + box-shadow: none; +} + +.maximized headerbar:backdrop { + background-color: white; + border-color: white; +} + +headerbar.default-decoration { + min-height: 32px; + padding: 0 12px; + background-color: #ffffff; +} + +.tiled headerbar.default-decoration, .maximized headerbar.default-decoration, .fullscreen headerbar.default-decoration { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton { + border: none; + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { + border: none; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 12px; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 12px; +} + +stack headerbar:first-child, stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window separator:first-child + headerbar:backdrop, window separator:first-child + headerbar, window headerbar:first-child:backdrop, window headerbar:first-child { + border-top-left-radius: 12px; +} + +window headerbar:last-child:backdrop, window headerbar:last-child { + border-top-right-radius: 12px; +} + +window stack headerbar:first-child:backdrop, window stack headerbar:first-child, window stack headerbar:last-child:backdrop, window stack headerbar:last-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.fullscreen headerbar, window.fullscreen headerbar:first-child, window.fullscreen headerbar:last-child, window.fullscreen headerbar:only-child, .solid-csd headerbar, .solid-csd headerbar:first-child, .solid-csd headerbar:last-child, .solid-csd headerbar:only-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.titlebar, .titlebar.background { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.titlebar, .titlebar headerbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.fullscreen .titlebar, .fullscreen .titlebar headerbar { + box-shadow: none; +} + +.titlebar > box.left.horizontal, +.titlebar > box.right.horizontal { + padding: 0 6px; +} + +window.background > box.vertical > headerbar:not(.titlebar) { + border-radius: 0 0 0 0; + box-shadow: none; +} + +separator:first-child + window.background > box.vertical > headerbar:not(.titlebar), separator:first-child + window.background > box.vertical > headerbar:not(.titlebar):backdrop, window.background > box.vertical > headerbar:not(.titlebar):first-child, window.background > box.vertical > headerbar:not(.titlebar):first-child:backdrop { + border-top-left-radius: 0; +} + +window.background > box.vertical > headerbar:not(.titlebar):last-child, window.background > box.vertical > headerbar:not(.titlebar):last-child:backdrop { + border-top-right-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, window.csd > .titlebar:not(headerbar), window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + min-width: 1px; +} + +headerbar button, .titlebar button { + min-height: 26px; + min-width: 22px; +} + +headerbar entry, .titlebar entry { + min-height: 22px; + margin-top: 8px; + margin-bottom: 8px; + margin-left: 0; + margin-right: 0; + padding: 2px 8px; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.65; +} + +.nemo-window .primary-toolbar entry, headerbar entry { + min-height: 22px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.nemo-window .primary-toolbar entry image, headerbar entry image, headerbar entry image:hover { + color: inherit; +} + +.nemo-window .primary-toolbar entry:backdrop, headerbar entry:backdrop { + opacity: 0.65; + background-image: none; +} + +.nemo-window .primary-toolbar entry:hover, headerbar entry:hover { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), inset 0 0 0 2px transparent; + transition-duration: 200ms; +} + +.nemo-window .primary-toolbar entry:focus, headerbar entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.nemo-window .primary-toolbar entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.nemo-window .primary-toolbar entry selection:focus, headerbar entry selection:focus { + background-color: #F3BA4B; + color: white; +} + +.nemo-window .primary-toolbar entry progress, headerbar entry progress { + border-color: #F3BA4B; + background-image: none; + background-color: transparent; +} + +.nemo-window .primary-toolbar entry.warning, headerbar entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +.nemo-window .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +.nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection { + background-color: white; + color: #F27835; +} + +.nemo-window .primary-toolbar entry.error, headerbar entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +.nemo-window .primary-toolbar entry.error:focus, headerbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +.nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection { + background-color: white; + color: #FC4138; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button, headerbar button { + min-height: 26px; + min-width: 22px; + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:backdrop, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:backdrop, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:backdrop:not(.image-button), .nemo-window .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.65; + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:hover:not(.image-button), .nemo-window .primary-toolbar button:hover, headerbar button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:not(.image-button), .nemo-window .primary-toolbar button:active, headerbar button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked:hover, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:hover:not(.image-button), .nemo-window .primary-toolbar button:checked:hover, headerbar button:checked:hover { + background-image: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + background: none; + box-shadow: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled label, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled label, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button) label, .nemo-window .primary-toolbar button:disabled label, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:disabled, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:disabled, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:disabled:not(.image-button), .nemo-window .primary-toolbar button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button.flat, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button.flat, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button), .nemo-window .primary-toolbar button.flat, headerbar button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.path-bar button { + min-width: 12px; + min-height: 24px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button:disabled { + border-color: rgba(0, 0, 0, 0.12); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-radius: 0; + margin: 0 0; + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.12); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #F3BA4B; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #f9dda5; + border-top-color: rgba(36, 36, 36, 0.15); +} + +treeview.view:disabled, label:disabled selection.view { + color: rgba(36, 36, 36, 0.45); +} + +treeview.view:disabled:selected, label:disabled selection.view:selected { + color: #f8d693; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #8c6f38; +} + +treeview.view.after:drop(active) { + border-top-style: none; +} + +treeview.view.before:drop(active) { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #fbeac9; +} + +treeview.view.expander:selected:hover { + color: white; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: white; + border-radius: 6px; + background-color: #F3BA4B; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #F3BA4B; + box-shadow: none; + background-color: white; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + box-shadow: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #F3BA4B; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: white; + background-color: #F3BA4B; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(87, 87, 87, 0.8); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border: none; + border-radius: 6px; +} + +menubar > menuitem > window.popup.background.csd > menu > menuitem, +.menubar > menuitem > window.popup.background.csd > menu > menuitem { + transition: none; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(87, 87, 87, 0.4); +} + +.context-menu, +menu, +.menu { + padding: 6px 4px; + border-radius: 10px; + background-color: white; + border: 1px solid #d6d6d6; + color: #242424; +} + +.csd .context-menu, .csd menu, .csd .menu { + background-color: rgba(255, 255, 255, 0.95); + border: none; +} + +.context-menu separator, .csd .context-menu separator, +menu separator, .csd menu separator, +.menu separator, .csd .menu separator { + margin: 2px 4px; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +.context-menu > menuitem, +menu > menuitem, +.menu > menuitem { + transition: background-color 50ms cubic-bezier(0, 0, 0.2, 1); + min-height: 12px; + min-width: 40px; + padding: 3px 6px; + border-radius: 7px; + margin: 0 2px; + text-shadow: none; + color: #242424; +} + +.context-menu > menuitem:hover, +menu > menuitem:hover, +.menu > menuitem:hover { + transition: none; + color: white; + background-color: #F3BA4B; +} + +.context-menu > menuitem:hover arrow, +menu > menuitem:hover arrow, +.menu > menuitem:hover arrow { + transition: none; + color: white; +} + +.context-menu > menuitem:hover menu arrow, +menu > menuitem:hover menu arrow, +.menu > menuitem:hover menu arrow { + color: #242424; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.context-menu > menuitem:hover menu menuitem:hover arrow, +menu > menuitem:hover menu menuitem:hover arrow, +.menu > menuitem:hover menu menuitem:hover arrow { + color: white; +} + +.context-menu > menuitem:disabled, +menu > menuitem:disabled, +.menu > menuitem:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.context-menu > menuitem arrow, +menu > menuitem arrow, +.menu > menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +.context-menu > menuitem arrow:dir(ltr), +menu > menuitem arrow:dir(ltr), +.menu > menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +.context-menu > menuitem arrow:dir(rtl), +menu > menuitem arrow:dir(rtl), +.menu > menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + + +.context-menu > arrow, +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: transparent; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + + +.context-menu > arrow.top, +menu > arrow.top, +.menu > arrow.top { + margin-top: -6px; + border-radius: 12px 12px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + + +.context-menu > arrow.bottom, +menu > arrow.bottom, +.menu > arrow.bottom { + margin-top: 12px; + margin-bottom: -16px; + border-radius: 0 0 12px 12px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +.context-menu > arrow:hover, +menu > arrow:hover, +.menu > arrow:hover { + background-color: rgba(36, 36, 36, 0.08); +} + + +.context-menu > arrow:disabled, +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 12px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.03); +} + +.csd popover, popover, .csd popover.background, +popover.background { + border-radius: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); +} + +popover separator, popover separator, .csd popover separator, +popover.background separator, +popover.background separator, .csd popover.background separator { + border: none; + background-color: transparent; +} + +popover label.separator, +popover.background label.separator { + color: #242424; +} + +popover entry, +popover.background entry { + background-color: rgba(243, 243, 243, 0.9525); +} + +popover > list, +popover > .view, +popover > toolbar, +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + background-color: transparent; +} + +popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid #d6d6d6; +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook:not(.frame), notebook:not(.frame) > stack { + border-radius: 0 0 12px 12px; +} + +notebook > header { + padding: 0; + background-color: #e6e6e6; +} + +notebook > header.top { + box-shadow: inset 0 1px #d6d6d6, inset 0 -1px rgba(0, 0, 0, 0.12); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px #d6d6d6; + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12), inset 0 -1px rgba(0, 0, 0, 0.12), 1px 0 rgba(0, 0, 0, 0.12), -1px 0 rgba(0, 0, 0, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 #d6d6d6; + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 #d6d6d6, inset -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12), inset -1px 0 rgba(0, 0, 0, 0.12), 0 1px rgba(0, 0, 0, 0.12), 0 -1px rgba(0, 0, 0, 0.12); + margin-left: -1px; +} + +notebook > header button.flat.toggle.popup { + min-width: 28px; + border-radius: 0; + padding: 0; + border: none; + box-shadow: none; + margin: 0; +} + +notebook > header button.flat.toggle.popup:active, notebook > header button.flat.toggle.popup:checked { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left tab { + padding: 2px 10px; + min-width: 24px; + min-height: 24px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.15); +} + +notebook > header.top tabs > tab:first-child, notebook > header.bottom tabs > tab:first-child { + border-left-style: none; +} + +notebook > header.top tabs > tab:last-child, notebook > header.bottom tabs > tab:last-child { + border-right-style: none; +} + +notebook > header.left tabs > tab:first-child, notebook > header.right tabs > tab:first-child { + border-top-style: none; +} + +notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab:last-child { + border-bottom-style: none; +} + +notebook > header tabs > tab { + color: rgba(36, 36, 36, 0.45); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; + transition: all 150ms ease-out; +} + +notebook > header tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.725); + background-color: rgba(255, 255, 255, 0.2); + border-color: #d9d9d9; +} + +notebook > header tabs > tab:checked { + color: #242424; + background-color: #ffffff; + border-color: #d9d9d9; +} + +notebook > header tabs > tab button.flat { + min-height: 20px; + min-width: 20px; + border-radius: 3px; + padding: 0; + margin-top: 2px; + margin-bottom: 2px; + color: #6d6d6d; +} + +notebook > header tabs > tab button.flat:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +notebook > header tabs > tab button.flat:active, notebook > header tabs > tab button.flat:active:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +@keyframes switch_ripple_effect { + from { + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); + } + to { + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, rgba(243, 186, 75, 0) 0%); + } +} + +switch { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + background-color: transparent; + background-clip: padding-box; + color: transparent; + min-width: 40px; + min-height: 24px; + font-size: 0; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.25) 0%, rgba(36, 36, 36, 0.35) 100%), radial-gradient(circle farthest-corner at center, transparent 0%, transparent 0%); +} + +switch:disabled { + color: transparent; + background-color: transparent; + background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.1) 0%, rgba(36, 36, 36, 0.15) 100%); +} + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: transparent; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + transition: background-image 0.3s, box-shadow 0; + background-image: linear-gradient(0deg, #f6cc7b 0%, #F3BA4B 100%), radial-gradient(circle farthest-corner at center, rgba(243, 186, 75, 0.75) 100%, transparent 0%); +} + +switch:checked:disabled, label:disabled selection:checked { + background-color: transparent; + background-image: linear-gradient(0deg, #fefaf2 0%, #fbe8c3 100%); + color: transparent; +} + +switch slider { + transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 22px; + min-height: 22px; + margin: 1px 0 1px 1px; + border-radius: 9999px; + -gtk-outline-radius: 9999px; + background-color: white; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); +} + +switch:hover slider { + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +switch:checked slider { + margin: 1px 1px 1px 0; + background-color: white; +} + +switch:checked:disabled slider, label:disabled selection:checked slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, label:disabled selection.check, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, label:disabled selection:indeterminate, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +infobar check:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, label:disabled selection:checked, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +infobar check:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, label:disabled selection.radio, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, label:disabled selection:indeterminate, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, .osd label:disabled selection:indeterminate, label:disabled .osd selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +infobar radio:indeterminate:disabled, infobar label:disabled selection:indeterminate, label:disabled infobar selection:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, label:disabled selection:checked, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, .osd label:disabled selection:checked, label:disabled .osd selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +infobar radio:checked:disabled, infobar label:disabled selection:checked, label:disabled infobar selection:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, label:disabled selection.text-button, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, menu menuitem check, +radio:only-child, menu menuitem radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -7px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #F3BA4B; +} + +menuitem:hover scale trough, row:selected scale trough, infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, row:selected scale trough highlight, infobar scale trough highlight { + background-color: white; +} + +menuitem:hover scale trough highlight:disabled, row:selected scale trough highlight:disabled, infobar scale trough highlight:disabled { + background-color: #fae0ae; +} + +menuitem:hover scale trough:disabled, row:selected scale trough:disabled, infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 6px; + background-color: #F3BA4B; +} + +scale highlight:disabled { + background-color: rgba(243, 186, 75, 0.55); +} + +scale fill { + border-radius: 6px; + background-color: rgba(243, 186, 75, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: white; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 100%; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.05); + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.12); +} + +menuitem:hover scale slider, row:selected scale slider, infobar scale slider { + background-clip: border-box; + background-color: white; + border-color: white; +} + +menuitem:hover scale slider:hover, row:selected scale slider:hover, infobar scale slider:hover { + background-color: #fdf5e4; + border-color: #fdf5e4; +} + +menuitem:hover scale slider:active, row:selected scale slider:active, infobar scale slider:active { + background-color: #f9dda5; + border-color: #f9dda5; +} + +menuitem:hover scale slider:disabled, row:selected scale slider:disabled, infobar scale slider:disabled { + background-color: #fae0ae; + border-color: #fae0ae; +} + +.osd scale slider { + background-clip: border-box; + background-color: white; + border-color: rgba(0, 0, 0, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.12); + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before.fine-tune:not(.marks-after) slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after.fine-tune:not(.marks-before) slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + min-height: 4px; + min-width: 4px; + background-color: #F3BA4B; + border: none; + border-radius: 6px; + box-shadow: none; +} + +row:selected progressbar progress, infobar progressbar progress { + background-color: white; +} + +progressbar trough { + min-height: 4px; + min-width: 4px; + border: none; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +row:selected progressbar trough, infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.12); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #F3BA4B; + background-color: #F3BA4B; + border-radius: 6px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #F3BA4B; + background-color: #F3BA4B; +} + +levelbar block.full { + border-color: #30D158; + background-color: #30D158; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(243, 186, 75, 0.2)), to(rgba(243, 186, 75, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); + background-color: #fcfcfc; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + background-color: rgba(0, 0, 0, 0.12); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.12); +} + +list row { + padding: 2px; +} + +.budgie-menu button.has-open-popup, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.has-open-popup.view, .nemo-window .sidebar .has-open-popup.view, .nemo-window .sidebar row.has-open-popup, row.has-open-popup.activatable, .budgie-menu button:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:hover, .nemo-window .sidebar .view:hover, .nemo-window .sidebar row:hover, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.budgie-menu button:active, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:active, .nemo-window .sidebar .view:active, .nemo-window .sidebar row:active, row.activatable:active { + color: #242424; + background-color: rgba(0, 0, 0, 0.2); + transition-duration: 200ms; +} + +.budgie-menu button:disabled, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled, .nemo-window .sidebar .view:disabled, .nemo-window .sidebar row:disabled, row.activatable:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:disabled image, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:disabled image, .nemo-window .sidebar .view:disabled image, .nemo-window .sidebar row:disabled image, row.activatable:disabled image { + color: inherit; +} + +.budgie-menu button:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected, .nemo-window .sidebar .view:selected, .nemo-window .sidebar row:selected, row.activatable:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +.budgie-menu button:selected label, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected label, .nemo-window .sidebar .view:selected label, .nemo-window .sidebar row:selected label, row.activatable:selected label { + color: #242424; +} + +.budgie-menu button.has-open-popup:selected, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view.has-open-popup:selected, .nemo-window .sidebar .view.has-open-popup:selected, .nemo-window .sidebar row.has-open-popup:selected, row.activatable.has-open-popup:selected, .budgie-menu button:selected:hover, window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:selected:hover, .nemo-window .sidebar .view:selected:hover, .nemo-window .sidebar row:selected:hover, row.activatable:selected:hover { + background-color: rgba(0, 0, 0, 0.2); +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.15); +} + +row:selected label { + color: #242424; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: rgba(255, 255, 255, 0.85); + border-radius: 0 0 6px 6px; + border: none; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + padding: 2px 6px; + margin: 0; +} + + +calendar:selected { + border-radius: 50px; +} + + +calendar:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.header { + color: #242424; + border: none; +} + + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + + +calendar.button:hover { + color: #242424; +} + +label:disabled selection.button, +calendar.button:disabled { + color: rgba(36, 36, 36, 0.45); +} + + +calendar:indeterminate { + color: rgba(36, 36, 36, 0.55); +} + + +calendar.highlight { + color: rgba(36, 36, 36, 0.65); + font-weight: 500; +} + +messagedialog.background { + background-color: rgba(245, 245, 245, 0.95); +} + +messagedialog .titlebar { + min-height: 28px; + background-color: rgba(245, 245, 245, 0.95); + border: none; +} + +messagedialog .dialog-action-area { + padding: 6px; +} + +messagedialog .dialog-action-area button { + min-height: 20px; + padding: 4px 8px; + box-shadow: none; + border-radius: 6px; + margin: 0 3px 3px 3px; + border: none; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action) { + border-radius: 6px; + background-color: transparent; +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-color: #F3BA4B; + color: white; +} + +messagedialog .dialog-action-area button.suggested-action, messagedialog .dialog-action-area button.destructive-action { + border-radius: 6px; +} + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: none; +} + +.csd filechooser { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.csd filechooser placessidebar.sidebar { + background-color: transparent; +} + +.csd filechooser actionbar { + color: #363636; + background-color: transparent; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 12px 0; +} + +.csd filechooser actionbar label, .csd filechooser actionbar combobox { + color: #363636; +} + +.csd filechooser stack.view { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.csd filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +.csd filechooser stack.view scrolledwindow treeview.view { + background-color: transparent; +} + +.csd filechooser box.vertical > paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 8px 8px; + background-position: left bottom; +} + +.csd filechooser box.vertical > paned > separator:dir(ltr) { + margin-left: -1px; +} + +.csd filechooser box.vertical > paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser placessidebar.sidebar { + border: none; +} + +filechooser placessidebar.sidebar.frame { + border-right: 1px solid #d6d6d6; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(0, 0, 0, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +.sidebar { + border-style: none; + background-color: #f5f5f5; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left { + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +.sidebar list > separator { + min-height: 0; + background: none; + border: none; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 6px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 6px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 6px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 6px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button > image { + opacity: 0.85; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.65; +} + +placessidebar row:selected button.sidebar-button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +placessidebar row:selected button.sidebar-button:active, placessidebar row:selected button.sidebar-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.3); +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, #d6d6d6, #d6d6d6), linear-gradient(to bottom, #d6d6d6, #d6d6d6); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #F3BA4B; +} + +infobar.info > revealer > box selection, infobar.info:backdrop > revealer > box selection { + color: #F3BA4B; +} + +infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #3484e2; +} + +infobar.question > revealer > box selection, infobar.question:backdrop > revealer > box selection { + color: #3484e2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #F27835; +} + +infobar.warning > revealer > box selection, infobar.warning:backdrop > revealer > box selection { + color: #F27835; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #FC4138; +} + +infobar.error > revealer > box selection, infobar.error:backdrop > revealer > box selection { + color: #FC4138; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:hover > revealer > box, infobar.question:backdrop > revealer > box, infobar.warning > revealer > box, infobar.warning:hover > revealer > box, infobar.warning:backdrop > revealer > box, infobar.error > revealer > box, infobar.error:hover > revealer > box, infobar.error:backdrop > revealer > box { + color: white; + caret-color: currentColor; +} + +infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + min-height: 28px; +} + +infobar.info > revealer > box selection, infobar.info:hover > revealer > box selection, infobar.info:backdrop > revealer > box selection, infobar.question > revealer > box selection, infobar.question:hover > revealer > box selection, infobar.question:backdrop > revealer > box selection, infobar.warning > revealer > box selection, infobar.warning:hover > revealer > box selection, infobar.warning:backdrop > revealer > box selection, infobar.error > revealer > box selection, infobar.error:hover > revealer > box selection, infobar.error:backdrop > revealer > box selection { + background-color: white; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button, .nemo-window .floating-bar button, .nautilus-window .floating-bar button, .selection-mode headerbar button, headerbar.selection-mode button, infobar.info > revealer > box button, infobar.info:hover > revealer > box button, infobar.info:backdrop > revealer > box button, infobar.question > revealer > box button, infobar.question:hover > revealer > box button, infobar.question:backdrop > revealer > box button, infobar.warning > revealer > box button, infobar.warning:hover > revealer > box button, infobar.warning:backdrop > revealer > box button, infobar.error > revealer > box button, infobar.error:hover > revealer > box button, infobar.error:backdrop > revealer > box button { + color: white; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button, .nemo-window .floating-bar button.flat, .nautilus-window .floating-bar button.flat, .selection-mode headerbar button.flat, headerbar.selection-mode button.flat, infobar.info > revealer > box button.flat, infobar.question > revealer > box button.flat, infobar.warning > revealer > box button.flat, infobar.error > revealer > box button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: white; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled, .nemo-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.flat.image-button:disabled label, .nemo-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.flat:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:hover, .nemo-window .floating-bar button:hover, .nautilus-window .floating-bar button:hover, .selection-mode headerbar button:hover, headerbar.selection-mode button:hover, infobar.info > revealer > box button:hover, infobar.question > revealer > box button:hover, infobar.warning > revealer > box button:hover, infobar.error > revealer > box button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:active, .nemo-window .floating-bar button:active, .nautilus-window .floating-bar button:active, .selection-mode headerbar button:active, headerbar.selection-mode button:active, infobar.info > revealer > box button:active, infobar.question > revealer > box button:active, infobar.warning > revealer > box button:active, infobar.error > revealer > box button:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:active:hover, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:checked, .nemo-window .floating-bar button:checked, .nautilus-window .floating-bar button:checked, .selection-mode headerbar button:checked, headerbar.selection-mode button:checked, infobar.info > revealer > box button:checked, infobar.question > revealer > box button:checked, infobar.warning > revealer > box button:checked, infobar.error > revealer > box button:checked { + color: white; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); + box-shadow: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled, .nemo-window .floating-bar button:disabled, .nautilus-window .floating-bar button:disabled, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled label, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled label, .nemo-window .floating-bar button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:active, .nemo-window .floating-bar button:disabled:active, .nautilus-window .floating-bar button:disabled:active, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child button.flat:disabled:checked, .raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button:disabled:checked, .nemo-window .floating-bar button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #F3BA4B; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 6px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(68, 68, 68, 0.9); + background-clip: padding-box; + border-radius: 6px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dadada; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 6px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button, .raven button.image-button, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, button.nautilus-circular-button.image-button, stackswitcher button.circular, button.close, searchbar button.flat, row button.circular, .app-notification button.image-button:not(.text-button), +button.circular { + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0 0 0 0; + min-height: 28px; + min-width: 28px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active, .raven button.image-button:active, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:active, button.nautilus-circular-button.image-button:active, button.close:active, searchbar button.flat:active, .app-notification button.image-button:active:not(.text-button), .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked, .raven button.image-button:checked, window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button:checked, button.nautilus-circular-button.image-button:checked, button.close:checked, searchbar button.flat:checked, .app-notification button.image-button:checked:not(.text-button), +button.circular:active, +button.circular:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.2); +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 rgba(0, 0, 0, 0.15), 0 16px 16px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); + margin: 6px; +} + +decoration:backdrop { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 8px 8px 0 transparent, 0 16px 16px 0 transparent, 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.maximized decoration, .fullscreen decoration, .tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.fullscreen decoration { + border-radius: 0; +} + +.popup decoration { + box-shadow: none; + border-radius: 12px; +} + +.ssd decoration { + margin: -5px; + border-radius: 12px 12px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +.csd.popup decoration { + border-radius: 10px; + box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 8px 15px rgba(0, 0, 0, 0.08), 0 0 0 2px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 12px; +} + +.solid-csd decoration { + border: 1px solid #e0e0e0; + border-radius: 0; + margin: 0; + background-color: #ffffff; + box-shadow: none; +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: 16px 16px; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop.png"), url("windows-assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:backdrop:hover, +.titlebar button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-backdrop-hover.png"), url("windows-assets/titlebutton-close-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop.png"), url("windows-assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop:hover, +.titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-backdrop-hover.png"), url("windows-assets/titlebutton-maximize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop.png"), url("windows-assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop:hover, +.titlebar button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-backdrop-hover.png"), url("windows-assets/titlebutton-minimize-backdrop-hover@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, .maximized headerbar button.titlebutton.maximize, .fullscreen .titlebar button.titlebutton.maximize, .maximized .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore.png"), url("windows-assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, .maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen .titlebar button.titlebutton.maximize:backdrop, .maximized .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop.png"), url("windows-assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop:hover, .maximized headerbar button.titlebutton.maximize:backdrop:hover, .fullscreen .titlebar button.titlebutton.maximize:backdrop:hover, .maximized .titlebar button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-backdrop-hover.png"), url("windows-assets/titlebutton-restore-backdrop-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, .maximized headerbar button.titlebutton.maximize:hover, .fullscreen .titlebar button.titlebutton.maximize:hover, .maximized .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-hover.png"), url("windows-assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, .maximized headerbar button.titlebutton.maximize:active, .fullscreen .titlebar button.titlebutton.maximize:active, .maximized .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-restore-active.png"), url("windows-assets/titlebutton-restore-active@2.png")); +} + +.budgie-menu button:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, .emoji widget:hover, .view:selected:focus, textview text selection:focus, textview text selection, iconview:selected:focus, flowbox flowboxchild:selected, label:disabled selection, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, +calendar:selected, .csd filechooser stack.view scrolledwindow treeview.view:selected:focus { + background-color: #F3BA4B; + color: white; +} + +.budgie-menu button:disabled:checked, #MozillaGtkWidget > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget > widget > scrolledwindow > textview text selection:disabled, .nemo-window .nemo-window-pane widget.entry:disabled:selected, .emoji widget:disabled:hover { + color: #f9dda5; +} + +row:selected label, label:selected { + color: white; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 12px; +} + +popover.emoji-picker entry { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 6px 12px; + background: none; +} + +popover.emoji-picker entry, popover.emoji-picker entry:focus, popover.emoji-picker entry:disabled { + margin: -1px -1px 0 -1px; + border-image: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.emoji-picker scrolledwindow.view { + background: none; +} + +button.emoji-section { + margin: 3px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; + transition: none; + animation: none; +} + +button.emoji-section:first-child { + margin-left: 6px; +} + +button.emoji-section:last-child { + margin-right: 6px; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + border-radius: 6px; + transition: none; +} + +.mate-terminal notebook > header.top > tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window.background.csd { + border-radius: 0 0 0 0; +} + +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window notebook button.flat.toggle.popup { + min-height: 28px; + min-width: 28px; + margin: -2px; +} + +window.background.csd > box.vertical > box.horizontal > frame > border { + border-width: 0 1px 0 0; +} + +window.background.csd > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame { + border-width: 0; +} + +window.background.csd > box.vertical > box.horizontal > stack > widget > notebook.frame > stack { + border-bottom-right-radius: 12px; +} + +filechooser paned > separator, +.nautilus-window paned > separator { + border: none; + background-color: transparent; + background-image: image(#ffffff); + background-size: 12px 12px; + background-position: left bottom; + background-repeat: no-repeat; +} + +filechooser paned > separator:dir(ltr), +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +filechooser paned > separator:dir(rtl), +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator:hover, +.nautilus-window paned > separator:hover { + background-image: image(rgba(0, 0, 0, 0.12)); + background-size: 2px 100px; + background-position: center center; +} + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: transparent; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar { + border: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + background: none; + background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 0%, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 201px, #ffffff 100%); +} + +.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child { + margin-left: 120px; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > box.vertical > placessidebar { + border-bottom-left-radius: 12px; +} + +.nautilus-window headerbar .path-bar-box { + color: transparent; + background: none; + padding: 0 12px; +} + +.nautilus-window headerbar .path-bar-box .linked.nautilus-path-bar > button:not(:only-child):last-child { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.nautilus-window headerbar .path-bar-box.background.frame { + border: none; + background-color: transparent; +} + +.nautilus-window paned > separator { + background-image: none; + background-size: 0 0; + min-width: 0; + min-height: 0; +} + +.nautilus-window placessidebar.sidebar { + margin-bottom: 12px; + border: none; + min-width: 200px; + background-color: transparent; + background-image: none; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; + background-color: transparent; + transition: background-image 0; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row label, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row label, .nautilus-window placessidebar.sidebar row.sidebar-row:disabled image, .nautilus-window placessidebar.sidebar label:disabled selection.sidebar-row image, label:disabled .nautilus-window placessidebar.sidebar selection.sidebar-row image { + color: rgba(54, 54, 54, 0.4); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:hover { + transition: background-image 0; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-hover-200px.png"), url("assets/sidebar-view-hover-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:active, .nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-color: transparent; + background-position: left center; + background-size: 200px 28px; + background-image: -gtk-scaled(url("assets/sidebar-view-active-200px.png"), url("assets/sidebar-view-active-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover { + color: #242424; + transition: background-image ease-out 200ms; + background-repeat: no-repeat; + background-position: left center; + background-size: 200px 28px; + background-color: transparent; + background-image: -gtk-scaled(url("assets/sidebar-view-checked-200px.png"), url("assets/sidebar-view-checked-200px@2.png")); +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected, .nautilus-window placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, .nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label { + color: #242424; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #F3BA4B; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar { + background: none; + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +.nautilus-window placessidebar.sidebar scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover { + background-color: dimgray; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:hover:active { + background-color: #686868; +} + +.nautilus-window placessidebar.sidebar scrollbar slider:disabled { + background-color: transparent; +} + +.nautilus-window placessidebar.sidebar scrollbar trough { + background-color: transparent; +} + +.nautilus-window notebook { + margin-left: -1px; + margin-right: -1px; +} + +.nautilus-window notebook.background.csd { + background-color: transparent; +} + +.nautilus-window notebook tab { + margin-left: -1px; +} + +.nautilus-window notebook scrolledwindow .view:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +.nautilus-window notebook, .nautilus-window notebook > stack { + border-radius: 0 0 14px 14px; +} + +.nautilus-window notebook > stack { + background-color: #ffffff; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: transparent; +} + +.nautilus-window notebook infobar { + margin: 6px 10px 10px 6px; + border-radius: 12px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); + padding: 0 6px; +} + +.nautilus-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 6px; + margin: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window placesview row.activatable { + border-radius: 6px; + margin-right: 6px; +} + +.nautilus-window placesview actionbar.background { + background-color: rgba(255, 255, 255, 0.95); + margin: 6px; + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.nautilus-canvas-item { + border-radius: 5px; +} + +.caja-desktop, .nemo-desktop.nemo-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.caja-desktop:active, .nemo-desktop.nemo-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:active { + color: white; +} + +.caja-desktop:selected, .nemo-desktop.nemo-canvas-item:selected, +.nautilus-desktop.nautilus-canvas-item:selected { + color: white; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, .nautilus-canvas-item.dim-label:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #fdf1db; +} + +.nautilus-list-view { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +.nautilus-list-view treeview.view:not(:hover):not(:active):not(:selected) { + background-color: transparent; + border-radius: 0; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(243, 186, 75, 0.8); + border-color: rgba(240, 168, 27, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; + } + 100% { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: white; + background-color: #F3BA4B; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window .nemo-places-sidebar .places-treeview { + -NemoPlacesTreeView-disk-full-bg-color: #d6d6d6; + -NemoPlacesTreeView-disk-full-fg-color: #f5c363; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(240, 240, 240, 0.94); +} + +.nemo-window .sidebar scrolledwindow.frame { + border: none; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar row.cell:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar row.expander { + color: rgba(141, 141, 141, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window paned > separator { + background-image: image(#d6d6d6); +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 2px solid rgba(248, 213, 147, 0.75); + background-color: rgba(0, 0, 0, 0.05); + border-radius: 6px; + box-shadow: none; +} + +.nemo-window .nemo-window-pane treeview.view entry, .nemo-window .nemo-window-pane treeview.view:selected entry { + color: #242424; + background-color: #ffffff; + border-radius: 6px; +} + +.nemo-window .toolbar > button { + margin-top: 2px; + margin-bottom: 2px; +} + +.nemo-window .primary-toolbar { + padding-top: 0; + padding-bottom: 0; + border: none; + color: #575757; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +.nemo-window .primary-toolbar button { + padding-top: 0; + padding-bottom: 0; + margin: 6px 1px; +} + +.nemo-window .primary-toolbar entry { + margin-top: 4px; + margin-bottom: 4px; + margin-left: 0; + margin-right: 0; + padding: 2px 10px; +} + +.nemo-window .primary-toolbar .linked.raised > button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .linked.path-bar > button, .nemo-window .primary-toolbar .linked.path-bar > button.image-button { + min-height: 0; + min-width: 0; + padding-top: 0; + padding-bottom: 0; + border-radius: 6px; +} + +.nemo-window .floating-bar { + padding: 2px; + background-color: #F3BA4B; + color: white; + border-radius: 0; + border: none; +} + +.nemo-window .floating-bar.bottom.left { + border-top-right-radius: 6px; +} + +.nemo-window .floating-bar.bottom.right { + border-top-left-radius: 6px; +} + +.nemo-window .floating-bar button { + border: none; + border-radius: 3px; + min-height: 16px; + min-width: 16px; + -gtk-icon-shadow: none; +} + +.view.cs-category-view { + border-bottom-right-radius: 12px; +} + +window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected { + color: white; + background-color: #F3BA4B; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: white; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; + border-radius: 0 0 12px 12px; +} + +.gedit-side-panel-paned statusbar frame > border { + border: none; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 0 0 6px 6px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #F3BA4B; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +pillbox { + color: white; + background-color: #F3BA4B; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.12); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + margin-left: 1px; + margin-right: 1px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + border-left: none; +} + +omnibar.linked > entry:not(:only-child) image, omnibar.linked > entry:not(:only-child) image:hover { + color: inherit; +} + +omnibar.linked > entry:not(:only-child):backdrop { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; + opacity: 0.65; +} + +omnibar.linked > entry:not(:only-child):backdrop image, omnibar.linked > entry:not(:only-child):backdrop image:hover { + color: inherit; +} + +entry.search.preferences-search { + box-shadow: none; + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; +} + +entry.search.preferences-search:focus { + box-shadow: none; + border-bottom: 1px solid #F3BA4B; +} + +preferencesbin spinbutton { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +preferencesbin spinbutton:focus { + border-color: #F3BA4B; +} + +preferencesbin spinbutton entry, +preferencesbin spinbutton entry:focus { + border: none; + box-shadow: none; +} + +preferencesbin spinbutton button { + border-width: 0 0 0 1px; +} + +preferencesbin entry.search { + margin: 2px; +} + +dzlpreferencesview stacksidebar.sidebar { + border-bottom-left-radius: 12px; +} + +dzlpreferencesview stacksidebar.sidebar > scrolledwindow > viewport.frame > list { + border-bottom-left-radius: 12px; +} + +dzldockbin#buildui.buildui list.sidebar { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge { + border-bottom-left-radius: 12px; +} + +dzldockbin#editor > ideeditorsidebar.left.pinned.dzldockbinedge > dzldockpaned treeview.view.project-tree.i-wanna-be-list-box:not(:hover):not(:selected) { + background: none; +} + +ideeditorutilities.bottom.pinned.dzldockbinedge { + border-bottom-right-radius: 12px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat { + background: none; +} + +configurationview list { + border-width: 0; +} + +dzldockbin actionbar { + border-radius: 0 0 12px 12px; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 12px 12px 0 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry { + min-height: 0; +} + +window.org-gnome-Builder.workspace > stack#titlebar_container.titlebar > headerbar > omnibar > .linked > entry > overlay > box.horizontal > box.vertical.pan > button { + min-height: 0; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem { + color: #424242; +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:active, window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.25); +} + +window.org-gnome-Builder.workspace > popover.dzlmenubutton > box.vertical > dzlmenubuttonsection.vertical > box.vertical > button.dzlmenubuttonitem > box.horizontal > box.horizontal > label.title { + color: #242424; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 12px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label { + background-image: image(#3484e2); + color: white; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row { + background-image: image(#F3BA4B); + color: white; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header { + background-image: image(#ffffff); + color: #F3BA4B; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover { + background-image: image(#fefcf6); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus { + background-image: image(#fef8ed); + color: #F3BA4B; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label { + background-image: image(#F3BA4B); + color: white; + transition-duration: 0s; +} + +widget#PROCESSOR list row, widget#MEMORY list row { + margin: -1px; + border: 1px solid #d6d6d6; +} + +widget#PROCESSOR list row.max, widget#MEMORY list row.max { + color: rgba(42, 42, 42, 0.9); +} + +widget#PROCESSOR list separator.list, widget#MEMORY list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#STORAGE list { + margin: -1px; +} + +widget#STORAGE list row.activatable { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list row.activatable:hover, widget#STORAGE list row.activatable:active { + color: rgba(36, 36, 36, 0.75); +} + +widget#STORAGE list separator.list { + box-shadow: inset 0 0 0 1px #d6d6d6; +} + +widget#PERFORMANCE searchbar { + box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12), inset 0 -1px #f5f5f5; +} + +widget#PERFORMANCE searchbar entry, widget#PERFORMANCE searchbar button { + margin-bottom: 2px; +} + +widget#PERFORMANCE .sidebar { + background-color: #ffffff; + border-bottom-left-radius: 12px; +} + +graph-switcher-button.toggle { + color: rgba(36, 36, 36, 0.75); + font-weight: 500; +} + +graph-switcher-button.toggle:hover { + color: #242424; + background-image: image(rgba(0, 0, 0, 0.05)); +} + +rg-graph.big { + background-position: left top; + background-origin: border-box; + background-repeat: repeat; +} + +box.speedometer-outter { + opacity: 0.8; +} + +box.speedometer-content-area { + box-shadow: 0 0 0 4px rgba(243, 186, 75, 0.2); +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #F3BA4B; + color: white; + border-radius: 2px; +} + +.photos-collection-icon, +.documents-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #f9dfab; +} + +.photos-entry-tag, +.documents-entry-tag { + color: white; + background: #F3BA4B; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.photos-entry-tag:hover, +.documents-entry-tag:hover { + color: white; + background: #f4c15e; +} + +.photos-entry-tag:active, +.documents-entry-tag:active { + color: white; + background: #f2b338; +} + +.button.photos-entry-tag, +.documents-entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:first-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child, window.background.csd > box.titlebar.horizontal > headerbar:first-child, .titlebar > headerbar.titlebar.tweak-titlebar-left { + background-image: none; + background-color: #f0f0f0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +window.background.csd > headerbar.titlebar > box.horizontal > headerbar:last-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child, +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child, window.background.csd > box.titlebar.horizontal > headerbar:last-child, .titlebar > headerbar.titlebar.tweak-titlebar-right { + background-image: none; + background-color: white; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + border: none; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar, window.background.csd > hdyleaflet > box.vertical > searchbar, window.background.csd > leaflet > box.vertical > searchbar { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar > searchbar > revealer > box, window.background.csd > hdyleaflet > box.vertical > searchbar > revealer > box, window.background.csd > leaflet > box.vertical > searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > separator, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar, +window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar, +hdyleaflet > separator.sidebar, +leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar, +window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar, +window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop { + background-image: image(#d6d6d6); + background-color: transparent; + border-right: none; +} + +.tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, hdyleaflet frame.view, leaflet frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list) { + border-radius: 12px; + box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05); + background-color: rgba(0, 0, 0, 0.03); + border: none; +} + +.tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator { + background: none; + min-height: 0; +} + +list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child { + border-radius: 12px; +} + +hdyleaflet list > row.activatable, leaflet list > row.activatable { + margin: 2px 4px; + border-radius: 8px; + -gtk-outline-radius: 6px; +} + +hdyleaflet frame > border, leaflet frame > border { + border: none; +} + +hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button), leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable .row-header > button:not(.text-button) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 4px 0; +} + +hdyleaflet frame.view list, leaflet frame.view list { + background: none; +} + +hdyleaflet frame.view list > separator, leaflet frame.view list > separator { + background: none; + min-height: 0; +} + +.titlebar > headerbar.titlebar.tweak-titlebar-left, +.titlebar > headerbar.titlebar.tweak-titlebar-right { + border: none; +} + +window.background.csd > hdyleaflet > box.vertical > stack.main-container { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +row#AutostartTitle.tweak { + padding: 3px; + background-color: #ffffff; +} + +.tweak-group-startup row.tweak-startup:not(:hover):not(:selected) { + background: none; +} + +.tweak-category:not(:selected):not(:hover) { + background: none; +} + +.tweak-categories { + background-image: none; + background-color: #f0f0f0; + border-radius: 0 0 0 12px; +} + +.tweak-categories > separator { + min-width: 0; + min-height: 0; + background: none; +} + +window.background.csd > stack { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > hdyleaflet > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active, +window.background.csd > box.horizontal > stack.background > widget > box.horizontal > box.horizontal > box.vertical > button:active { + color: #242424; + background-image: none; + background-color: #d9d9d9; + border-color: rgba(0, 0, 0, 0.08); +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 13px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #f0f0f0; + border-bottom-left-radius: 13px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list separator { + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #ffffff; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected):not(.progressbar):not(.trough) { + background: none; +} + +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar, +window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar { + color: #575757; +} + +window.background.csd > overlay > grid.horizontal > frame:dir(ltr) > border { + border-top-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +window.background.csd > overlay > grid.horizontal > overlay > stack > box.horizontal > grid.horizontal > scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 13px; +} + +window.background.csd > overlay > hdyleaflet > stack > frame > grid.vertical, +window.background.csd > overlay > leaflet > stack > frame > grid.vertical { + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame { + background-color: white; + border-bottom-right-radius: 12px; +} + +window.background.csd > overlay > hdyleaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button, +window.background.csd > overlay > leaflet > overlay > scrolledwindow > viewport.frame > hdycolumn > stack > box.horizontal > box.vertical > box.horizontal > button.image-button { + padding: 2px; +} + +entry.contacts-postal-entry:focus { + box-shadow: 0 1px 1px 0 transparent, inset 0 0 0 1px rgba(248, 213, 147, 0.75); +} + +entry.contacts-postal-entry:focus + entry.contacts-postal-entry { + border-top-color: rgba(248, 213, 147, 0.75); +} + +stack#titlebar_container.titlebar > stack > headerbar, +stack#titlebar_container.titlebar > headerbar.titlebar > deck > headerbar { + border-color: #ffffff; +} + +notebook.main-notebook > header.top { + margin-top: 0; +} + +notebook.main-notebook > header.top > tabs > tab:checked { + border-top-color: #ffffff; +} + +notebook.main-notebook > header.top > tabs > tab:first-child { + border-left-width: 0; +} + +notebook.main-notebook webkitwebview { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + border-radius: 0; +} + +hdyviewswitcherbar > actionbar, +viewswitcherbar > actionbar { + background: none; + border: none; +} + +.polari-room-list .sidebar { + background-color: rgba(240, 240, 240, 0.94); + border-bottom-left-radius: 12px; +} + +stack.view.polari-entry-area { + background-color: #f5f5f5; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-right-radius: 12px; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:hover { + background-color: rgba(36, 36, 36, 0.15); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:active, stack.view.polari-entry-area button.popup.flat.toggle.polari-nick-button:checked { + background-color: rgba(36, 36, 36, 0.25); + box-shadow: none; + background-image: none; +} + +stack.view.polari-entry-area:disabled { + background-image: image(#f5f5f5); +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #ececec; + background-color: rgba(42, 42, 42, 0.9); + border: 1px solid rgba(22, 22, 22, 0.9); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #F3BA4B; + border-color: #F3BA4B; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(29, 29, 29, 0.9); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: white; + background-color: #F3BA4B; + border-radius: 2px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:active, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:active:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:checked:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button:checked, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.12); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: none; + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); + border-color: rgba(0, 0, 0, 0.12); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); + border-color: rgba(0, 0, 0, 0.12); +} + +headerbar.titlebar.incognito-mode entry { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.background headerbar entry.starred:disabled, .background headerbar label:disabled selection.starred, label:disabled .background headerbar selection.starred, .background headerbar entry.non-starred:disabled, .background headerbar label:disabled selection.non-starred, label:disabled .background headerbar selection.non-starred { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + margin: 2px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: white; +} + +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin .content-view:hover { + background-color: rgba(36, 36, 36, 0.08); +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > actionbar { + border-radius: 0 0 12px 12px; +} + +window.background.csd > box.vertical > scrolledwindow > iconview.view.content-view:not(:hover):not(:selected) { + background-color: transparent; + border-radius: 12px; +} + +window.background.csd > box.vertical > paned.horizontal > box.vertical > scrolledwindow > treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.background.csd evview.view.content-view { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #f5f5f5; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +.background.csd > box.vertical > box.vertical > box.vertical > paned.horizontal > separator { + background-image: none; + background-color: #e0e0e0; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view { + min-width: 240px; +} + +window.background.csd > box.vertical > paned.horizontal > scrolledwindow treeview.view:not(:selected):not(:hover) { + background-color: transparent; +} + +window.background.csd > box.vertical > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.background.csd > paned.titlebar { + background-color: #ffffff; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +window.background.csd > paned.titlebar > headerbar { + background: none; + box-shadow: none; +} + +window.background.csd > paned.titlebar > separator { + background: none; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame { + border: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > stack > scrolledwindow.frame { + border: 1px solid rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #ffffff; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; + border-width: 1px 0 0 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox separator.vertical { + background-color: rgba(0, 0, 0, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox .lowres-icon { + -gtk-icon-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox .icon-dropshadow { + -gtk-icon-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); +} + +dialog.background.csd > box.vertical.dialog-vbox > .dialog-action-box > .dialog-action-area { + padding: 3px 6px 6px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +dialog.background.csd > .dialog-vbox > .dialog-action-box > .dialog-action-area { + margin: 0 6px 6px; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(22, 22, 22, 0.9); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #F3BA4B; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(29, 29, 29, 0.9); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, .mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: white; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: white; +} + +.mate-panel-menu-bar button label, .mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: gray; + background-color: rgba(230, 230, 230, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(255, 255, 255, 0.16); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #f9dfab; + background-color: #F3BA4B; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.caja-side-pane, .caja-side-pane text, .caja-side-pane treeview, +.caja-side-pane > notebook > stack > widget > box { + color: #363636; + caret-color: #363636; + background-color: #f0f0f0; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(227, 227, 227, 0.94); +} + +.caja-navigation-window .primary-toolbar { + background-color: #ffffff; +} + +.caja-navigation-window .caja-side-pane { + background-color: transparent; +} + +.caja-navigation-window .caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-navigation-window paned > separator { + background-image: image(#d6d6d6); +} + +.caja-side-pane treeview.view, .caja-side-pane .view { + background: none; +} + +.caja-side-pane treeview.view:hover, .caja-side-pane .view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.caja-side-pane treeview.view:active, .caja-side-pane treeview.view:selected, .caja-side-pane .view:active, .caja-side-pane .view:selected { + background-color: #F3BA4B; +} + +.caja-side-pane textview.view text { + background: none; +} + +.caja-side-pane scrollbar { + background: none; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.caja-search-bar entry:focus { + box-shadow: none; +} + +.xfce4-panel button, .xfce4-panel button.flat, .xfce4-panel.panel button, .xfce4-panel.panel button.flat, .mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button) { + color: white; + border-radius: 6px; + background: none; + border: none; +} + +.xfce4-panel button:hover:not(:active):not(:checked), .mate-panel-menu-bar button:hover:not(:active):not(:checked):not(#tasklist-button), +panel-toplevel.background button:hover:not(:active):not(:checked):not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +.xfce4-panel button:checked, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.25); +} + +.xfce4-panel button:checked label, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, +panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel button:checked image, .mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image { + color: inherit; +} + +.xfce4-panel button:active, .mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button) { + color: white; + background-color: rgba(255, 255, 255, 0.3); +} + +.xfce4-panel.panel { + background-color: rgba(255, 255, 255, 0.16); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +.XfceHeading { + border: 0 none transparent; + background-color: #f5f5f5; + color: #242424; +} + +.xfce4-panel { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 700; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + border-width: 0; +} + +.xfce4-panel, +.xfce4-panel frame > border { + border: none; +} + +#XfcePanelWindow.xfce4-panel { + border: none; +} + +#XfcePanelWindow.xfce4-panel, #XfcePanelWindow.xfce4-panel.marching-ants { + transition: none; +} + +.xfce4-panel button { + font-weight: 700; +} + +.xfce4-panel button#launcher-arrow:hover, .xfce4-panel button#launcher-arrow + button.toggle:hover { + box-shadow: none; +} + +.xfce4-panel button#launcher-arrow + button.toggle:checked { + color: #F3BA4B; + box-shadow: none; +} + +.xfce4-panel button#xfce4-notification-plugin { + padding: 0 1px; +} + +.xfce4-panel menu { + font-weight: 400; + text-shadow: none; + -gtk-icon-effect: none; +} + +.xfce4-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.xfce4-panel widget.tasklist > button.toggle { + font-weight: 400; +} + +XfdesktopIconView.view { + border-radius: 2px; + background: transparent; + color: white; + text-shadow: 0 0 1px rgba(0, 0, 0, 0.26), 0 1px 2px rgba(0, 0, 0, 0.32), 0 2px 3px rgba(0, 0, 0, 0.12); +} + +XfdesktopIconView.view:active, XfdesktopIconView.view:checked { + background-color: #F3BA4B; + color: white; + text-shadow: none; +} + +window#whiskermenu-window { + background-color: #f5f5f5; +} + +window#whiskermenu-window > frame > border { + border-radius: 0; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio { + padding: 2px 6px; + margin: 2px; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:hover { + background-color: rgba(0, 0, 0, 0.12); +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked, window#whiskermenu-window scrolledwindow > viewport button.radio:active { + background-color: #F3BA4B; + color: white; +} + +window#whiskermenu-window scrolledwindow > viewport button.radio:checked:hover, window#whiskermenu-window scrolledwindow > viewport button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow treeview.view:selected:hover { + background-color: rgba(0, 0, 0, 0.1); + color: #242424; +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; + background-color: rgba(240, 240, 240, 0.94); +} + +window.background.csd.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:not(:hover):not(:selected) { + background-color: transparent; +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view { + background-color: rgba(240, 240, 240, 0.94); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:hover { + background-color: rgba(0, 0, 0, 0.08); +} + +window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:selected:hover, window.thunar > grid.horizontal > paned.horizontal > scrolledwindow.frame.sidebar.shortcuts-pane treeview.view:active:hover { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.thunar > grid.horizontal > paned.horizontal > separator { + background-image: image(#d6d6d6); +} + +window.thunar toolbar#location-toolbar { + border-bottom: 1px solid #e0e0e0; +} + +window.thunar toolbar#location-toolbar button.path-bar-button, +window.thunar toolbar#location-toolbar button.flat { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; + margin-left: 0; + margin-right: 0; + border-radius: 6px; + min-height: 28px; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:hover, +window.thunar toolbar#location-toolbar button.flat:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:active, +window.thunar toolbar#location-toolbar button.flat:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + background: none; + box-shadow: none; +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled label, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button label, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button label, window.thunar toolbar#location-toolbar button.path-bar-button:disabled, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button, +window.thunar toolbar#location-toolbar button.flat:disabled label, +window.thunar toolbar#location-toolbar label:disabled selection.flat label, +label:disabled window.thunar toolbar#location-toolbar selection.flat label, +window.thunar toolbar#location-toolbar button.flat:disabled, +window.thunar toolbar#location-toolbar label:disabled selection.flat, +label:disabled window.thunar toolbar#location-toolbar selection.flat { + color: rgba(87, 87, 87, 0.35); +} + +window.thunar toolbar#location-toolbar button.path-bar-button:disabled:active, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:active, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:active, window.thunar toolbar#location-toolbar button.path-bar-button:disabled:checked, window.thunar toolbar#location-toolbar label:disabled selection.path-bar-button:checked, label:disabled window.thunar toolbar#location-toolbar selection.path-bar-button:checked, +window.thunar toolbar#location-toolbar button.flat:disabled:active, +window.thunar toolbar#location-toolbar label:disabled selection.flat:active, +label:disabled window.thunar toolbar#location-toolbar selection.flat:active, +window.thunar toolbar#location-toolbar button.flat:disabled:checked, +window.thunar toolbar#location-toolbar label:disabled selection.flat:checked, +label:disabled window.thunar toolbar#location-toolbar selection.flat:checked { + color: rgba(87, 87, 87, 0.35); + background-color: transparent; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-parent > button.image-button.flat:not(.toggle) { + margin-left: 10px; +} + +window.thunar toolbar#location-toolbar > toolbutton#open-home > button.image-button.flat:not(.toggle) { + margin-right: 10px; +} + +window.thunar toolbar#location-toolbar entry { + min-height: 22px; +} + +window.thunar notebook stack > scrolledwindow.frame.standard-view { + border-top-width: 0; + border-right-width: 0; +} + +window.thunar notebook header.top tab.reorderable-page > box > label { + min-height: 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar { + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar { + padding: 3px 0; +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:hover { + color: #242424; + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected, +window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sidebar treeview.view.sidebar:selected { + color: #242424; + background-color: rgba(36, 36, 36, 0.15); +} + +.geary-main-window.background.csd stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame { + background-color: #ffffff; + border-bottom-right-radius: 12px; +} + +.geary-main-window.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background-color: transparent; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar { + background-color: #ffffff; +} + +.geary-main-window.background.csd stack#conversation_viewer searchbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer searchbar > revealer > box { + border-color: #d6d6d6; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator > separator, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator > separator { + margin-left: -1px; + background: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar { + margin: -8px -12px; + border: none; + background-color: #f0f0f0; + border-bottom-left-radius: 12px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator statusbar frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator statusbar frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-folder-frame scrolledwindow treeview.view.sidebar:not(:hover):not(:selected) { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame { + background-color: #f0f0f0; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame > border { + border: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow { + background-color: #ffffff; + margin: 6px 6px 6px 0; + padding: 6px 0; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 6px; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view { + border: none; + background-image: none; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:hover { + background-color: rgba(36, 36, 36, 0.1); +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected, +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:selected { + background-color: rgba(36, 36, 36, 0.15); + color: #242424; +} + +.geary-main-window.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected), +window#GearyMainWindow.background.csd paned.geary-sidebar-pane-separator frame.geary-conversation-frame scrolledwindow treeview.view:not(:hover):not(:selected) { + background: none; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > scrollbar { + background: none; + border: none; +} + +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 6px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #f8d593; + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#f5f5f5); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; + border-radius: 6px; +} + +window.background:not(.csd) > widget > button > button:active { + border-radius: 6px; + border: none; + background-image: image(#f5f5f5); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) > menu > menu { + border-radius: 0; + background-color: rgba(255, 255, 255, 0.95); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +#MozillaGtkWidget { + background-color: #f5f5f5; +} + +#MozillaGtkWidget .background, +#MozillaGtkWidget frame, +#MozillaGtkWidget separator, +#MozillaGtkWidget scrolledwindow { + background-color: #ffffff; +} + +#MozillaGtkWidget scrollbar { + background: none; + border: none; +} + +#MozillaGtkWidget scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget > window.background > menu { + border: none; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 2px; +} + +#MozillaGtkWidget > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #cfcfcf; +} + +#MozillaGtkWidget > widget text { + background-color: #f5f5f5; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #F3BA4B; + color: white; +} + +#MozillaGtkWidget > widget separator { + background-color: rgba(0, 0, 0, 0.12); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview { + background-color: rgba(255, 255, 255, 0.95); +} + +#MozillaGtkWidget > widget > scrolledwindow > textview text { + background-color: transparent; + color: #363636; +} + +#MozillaGtkWidget menu { + border: none; +} + +window.background.chromium { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid #d6d6d6; + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > textview.view, window.background.chromium textview { + background-color: #f5f5f5; + color: #363636; +} + +window.background.chromium > menubar { + background-color: #ffffff; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal { + background-color: #ffffff; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12); +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button { + color: #575757; + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover { + background-color: white; + color: #646464; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, label:disabled window.background:not(.solid-csd) > grid.horizontal > grid.horizontal > selection.small-button { + color: rgba(87, 87, 87, 0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +widget > box.terminal-titlebar { + padding: 0 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle { + border: none; + border-radius: 0; + padding-top: 0; + padding-bottom: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(ltr) { + padding-right: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:dir(rtl) { + padding-left: 6px; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:hover, widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + border-radius: 0; +} + +widget > box.terminal-titlebar > button.flat.popup.toggle:checked, widget > box.terminal-titlebar > button.flat.popup.toggle:active { + background-color: rgba(36, 36, 36, 0.05); + color: #242424; +} + +widget > box.terminal-titlebar > button.image-button, widget > box.terminal-titlebar > button.image-button.toggle { + margin: 2px 0; + padding: 0; + min-height: 24px; + min-width: 24px; + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +list.tilix-session-sidebar { + background-image: image(rgba(240, 240, 240, 0.94)); +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button { + min-height: 20px; + min-width: 20px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; + background-color: #f8464c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button, list.tilix-session-sidebar button.tilix-sidebar-close-button:hover, list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + color: white; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:hover { + background-color: #fa777c; +} + +list.tilix-session-sidebar button.tilix-sidebar-close-button:active, list.tilix-session-sidebar button.tilix-sidebar-close-button:checked { + background-image: image(#f6151c); +} + +window.background.csd > box.horizontal > stack > box.vertical > notebook > stack { + border-bottom-right-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > .sidebar { + border-bottom-left-radius: 12px; +} + +window.background.csd > grid.vertical > overlay > grid.vertical > grid.horizontal > paned.horizontal > stack { + border-bottom-right-radius: 12px; +} + +toolbar#SubToolBox { + min-height: 36px; +} + +toolbar#SubToolBox entry, toolbar#SubToolBox button { + margin-top: 6px; + margin-bottom: 6px; +} + +toolbar#SubToolBox > toolbutton > button.flat { + margin-left: 2px; + margin-right: 2px; +} + +widget#ToolboxCommon button.flat:active { + background-color: rgba(36, 36, 36, 0.25); +} + +widget#ToolboxCommon button.flat:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +widget#ToolboxCommon > toolbar > toolbutton > button.flat { + margin-top: 2px; + margin-bottom: 2px; +} + +box#DesktopStatusBar spinbutton, box#DesktopStatusBar button.combo { + margin-top: 6px; + margin-bottom: 6px; +} + +window > box.vertical > box.horizontal > toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +window#ValaPanel.background widget.-vala-panel-background > separator { + background: none; +} + +button.flat.-panel-button:hover, +button#tasklist-button.toggle.flat:hover, +button.flat.-panel-icon-button:hover { + box-shadow: inset 0 -2px rgba(243, 186, 75, 0.5); + background: none; +} + +button.flat.-panel-button:active, button.flat.-panel-button:checked, +button#tasklist-button.toggle.flat:active, +button#tasklist-button.toggle.flat:checked, +button.flat.-panel-icon-button:active, +button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #f2f2f2; + background: none; +} + +.unpinned button.flat.-panel-icon-button { + border-radius: 0; +} + +.unpinned button.flat.-panel-icon-button:hover { + -gtk-icon-effect: highlight; +} + +.unpinned button.flat.-panel-icon-button:hover, .unpinned button.flat.-panel-icon-button:active, .unpinned button.flat.-panel-icon-button:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #f2f2f2; +} + +.pinned button.flat.-panel-icon-button.running { + border-radius: 0; +} + +.pinned button.flat.-panel-icon-button.running > image { + background-position: bottom center; +} + +.pinned button.flat.-panel-icon-button.running:hover { + -gtk-icon-effect: highlight; +} + +.pinned button.flat.-panel-icon-button.running:hover, .pinned button.flat.-panel-icon-button.running:active, .pinned button.flat.-panel-icon-button.running:checked { + box-shadow: inset 0 -2px #F3BA4B; + color: #f2f2f2; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: white; + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: white; + background-color: rgba(255, 255, 255, 0.2); +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.menubar.panel .panel, .menubar.panel .panel.color-light, .menubar.panel .panel.color-dark { + background-color: transparent; + background-image: image(rgba(255, 255, 255, 0.1)); + border-bottom: none; + transition: all 100ms ease-in-out; + color: white; +} + +.menubar.panel .panel.maximized { + background-color: rgba(255, 255, 255, 0.2); + background-image: none; + border: none; +} + +.menubar.panel .panel.translucent { + background-color: rgba(255, 255, 255, 0.1); + background-image: none; + border: none; +} + +.menubar.panel .panel menubar { + background: none; + box-shadow: none; + border: none; +} + +.menubar.panel popover { + padding: 2px 4px; + margin: 0 6px 15px 6px; + border: 1px solid rgba(0, 0, 0, 0.35); + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.08); +} + +.menubar.panel popover button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.menubar.panel popover button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.menubar.panel popover button:active label { + color: white; +} + +.menubar.panel popover button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.menubar.panel popover button:checked label { + color: white; +} + +.menubar.panel popover button:disabled { + background-color: transparent; +} + +.menubar.panel popover button:disabled label, .menubar.panel popover button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover button, .menubar.panel popover button:hover, .menubar.panel popover button:active, .menubar.panel popover button:checked, .menubar.panel popover button:disabled { + border-color: transparent; +} + +.menubar.panel popover .linked > button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +.menubar.panel popover .linked > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +.menubar.panel popover .linked > button:active, .menubar.panel popover .linked > button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +.menubar.panel popover .linked > button:disabled label, .menubar.panel popover .linked > button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.menubar.panel popover list { + background-color: transparent; +} + +.menubar.panel popover separator.horizontal { + margin: 0 -4px; +} + +.menubar.panel popover separator.vertical { + background: none; +} + +.menubar.panel popover .sidebar { + border-style: none; + background: none; +} + +.menubar.panel popover .sidebar .view { + background: none; +} + +.menubar.panel popover .sidebar .view:hover { + border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); +} + +.menubar.panel popover .sidebar .view:selected, .menubar.panel popover .sidebar .view:selected:focus, .menubar.panel popover .sidebar .view:selected:backdrop { + text-shadow: none; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: rgba(0, 0, 0, 0.65); + border-radius: 6px; +} + +.composited-indicator { + padding: 0 6px; +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + color: white; + font-weight: normal; + transition: all 200ms ease-in-out; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.composited-indicator > revealer image, +.composited-indicator > revealer spinner { + padding: 3px 0; +} + +.composited-indicator > revealer label { + padding: 3px 6px; +} + +.composited-indicator .keyboard { + background-color: white; + border-radius: 2px; + color: rgba(255, 255, 255, 0.16); + padding: 0 3px; + font-weight: normal; + box-shadow: none; + text-shadow: none; +} + +button.flat.toggle.switcher:hover image, button.flat.toggle.switcher:active image, button.flat.toggle.switcher:checked image, button.flat.toggle.switcher:selected image { + color: #F3BA4B; +} + +.circular label:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.circular.accent { + color: white; + background-color: #F3BA4B; +} + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: white; + background-color: #F3BA4B; + outline-color: transparent; +} + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; +} + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; +} + +.marlin-pathbar.pathbar { + padding-left: 4px; + padding-right: 4px; + color: #575757; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px transparent; +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + background-image: none; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 0 0 0 2px rgba(248, 213, 147, 0.75); +} + +.marlin-pathbar.pathbar:disabled, label:disabled selection.pathbar { + color: rgba(87, 87, 87, 0.35); + background-color: rgba(0, 0, 0, 0.02); +} + +window.background.csd > paned.horizontal > separator:dir(ltr) { + margin-left: -1px; +} + +window.background.csd > paned.horizontal > separator:dir(rtl) { + margin-right: -1px; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view { + border-right: 1px solid #d6d6d6; + color: #363636; + padding-top: 3px; + padding-bottom: 3px; + border-right: 1px solid #e0e0e0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:hover):not(:selected) { + border-bottom-left-radius: 12px; + background: none; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:not(:selected):hover { + background-color: rgba(0, 0, 0, 0.05); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:hover label, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view:selected:focus label { + color: #242424; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image { + color: #363636; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:selected { + color: white; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view image:disabled { + color: rgba(54, 54, 54, 0.45); +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.12); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected, window.background.csd > paned.horizontal > scrolledwindow > viewport.frame > box.vertical treeview.view.trough:selected:focus { + color: white; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 6px; + border-width: 0; +} + +window.background.csd > stack > stack > paned.horizontal > scrolledwindow > viewport.frame list { + border-bottom-left-radius: 12px; +} + +.dynamic-notebook > notebook > stack { + border-bottom-right-radius: 12px; + background-color: #ffffff; +} + +.dynamic-notebook > notebook > stack scrolledwindow.view.h2 { + background-color: transparent; +} + +.dynamic-notebook > notebook > stack treeview.view:not(:hover):not(:selected), +.dynamic-notebook > notebook > stack iconview.view:not(:hover):not(:selected) { + background: none; +} + +.dynamic-notebook > notebook > stack treeview.view:hover, +.dynamic-notebook > notebook > stack iconview.view:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +.dynamic-notebook > notebook > stack treeview.view:selected, +.dynamic-notebook > notebook > stack iconview.view:selected { + color: #242424; + background-color: rgba(0, 0, 0, 0.1); +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry { + border-image-width: 0; + background-color: #f5f5f5; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > entry:focus { + background-color: #ffffff; +} + +.dynamic-notebook > notebook treeview.view > frame.cell > border { + border: none; +} + +headerbar.titlebar > box.horizontal > entry.pathbar { + min-height: 20px; + padding: 2px 6px; + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) { + min-height: 0; + margin-top: 8px; + margin-bottom: 8px; + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):not(:checked):not(:active) { + background-clip: padding-box; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):disabled, label:disabled headerbar.titlebar > selection:dir(ltr) { + color: rgba(87, 87, 87, 0.6); +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr):backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar.titlebar > button.flat.image-button.toggle:dir(ltr) + button.flat.image-button.toggle { + margin-right: -6px; +} + +headerbar.titlebar > .linked.raised > button.toggle { + margin-top: 4px; + margin-bottom: 4px; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar { + margin-top: 6px; + margin-bottom: 6px; + border: none; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar button.toggle { + margin-top: 0; + margin-bottom: 0; +} + +headerbar.titlebar > grid.linked.horizontal.format-bar:backdrop { + transition: 150ms ease-out; + background-image: none; + background-color: white; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.08); + border-radius: 12px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, rgba(42, 42, 42, 0.9), rgba(42, 42, 42, 0.9)); + background-color: transparent; +} + +.gala-notification .title, .gala-notification .label { + color: #dadada; +} + +actionbar.inline-toolbar { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +actionbar.inline-toolbar button { + border-radius: 6px; +} + +actionbar.inline-toolbar button:first-child { + border-right-style: solid; +} + +actionbar.inline-toolbar button:last-child { + border-left-style: solid; +} + +scale.warmth trough { + min-height: 4px; + border-radius: 3px; + background-image: linear-gradient(to right, #3484e2, #f8464c); + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); +} + +.terminal-window headerbar.titlebar.default-decoration { + background-color: #ffffff; + border-bottom: 1px solid #e0e0e0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); +} + +.terminal-window headerbar.titlebar.default-decoration:backdrop { + transition: 150ms ease-out; + color: rgba(87, 87, 87, 0.7); + background-image: none; + background-color: white; + border-color: white; +} + +.terminal-window .search-bar { + background-color: #f5f5f5; + border-bottom: 1px solid #d6d6d6; +} + +.terminal-window .dynamic-notebook notebook > header { + border-color: #d6d6d6; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #F3BA4B; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 12px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.12); + border-bottom-width: 0; + border-radius: 12px 12px 0 0; + padding: 1px 6px 0 6px; + background-color: #ffffff; + color: #575757; + box-shadow: inset 0 1px white; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(87, 87, 87, 0.7); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(255, 255, 255, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: white; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: white; + background-image: linear-gradient(to bottom, #F3BA4B, #F3BA4B); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: white; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #F3BA4B; + border-color: #F3BA4B; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: white; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.12); + border-right: 1px solid rgba(0, 0, 0, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +toolbar.secondary-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: white; +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: white; + background-color: #F3BA4B; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #F3BA4B; + color: white; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: white; + color: #F3BA4B; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(237, 237, 237, 0.16); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.12); + background-color: white; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.12); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: white; + background-color: #F3BA4B; + border-color: #F3BA4B; + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.12); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: none; +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(42, 42, 42, 0.9); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e3e3e3; +} + +#buttonbox_frame button { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.96); + box-shadow: none; +} + +#buttonbox_frame button:hover { + color: #dadada; + border-color: rgba(0, 0, 0, 0.08); + background-color: #747474; + box-shadow: none; +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #F3BA4B; + background-color: #F3BA4B; + background-image: none; + box-shadow: none; +} + +#buttonbox_frame button:disabled { + color: #5f5f5f; + border-color: rgba(0, 0, 0, 0.08); + background-color: rgba(98, 98, 98, 0.81); + box-shadow: none; +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f7292f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f95a5f; + background-image: none; + box-shadow: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #e40910; + background-image: none; + box-shadow: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1f74d8; + background-image: none; + box-shadow: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #468fe5; + background-image: none; + box-shadow: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #195cac; + background-image: none; + box-shadow: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +/****************** + * Budgie Desktop * + ******************/ +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + border-radius: 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:last-child { + border-radius: 0 0 9px 0; + border-right-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:first-child { + border-radius: 0 0 0 9px; + border-left-style: none; + border-bottom-style: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:only-child { + border-radius: 0 0 10px 10px; + border-left-style: none; + border-right-style: none; + border-bottom-style: none; +} + +window.budgie-switcher-window .drop-shadow button, .drop-shadow button, .workspace-switcher .workspace-add-button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.drop-shadow button:hover, .workspace-switcher .workspace-add-button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; +} + +.drop-shadow button:checked, .workspace-switcher .workspace-add-button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.65); +} + +.drop-shadow button:active, .workspace-switcher .workspace-add-button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:active { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + background-color: transparent; +} + +.drop-shadow button:disabled label, .workspace-switcher .workspace-add-button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-settings-window buttonbox.inline-toolbar button:disabled label, label:disabled .workspace-switcher selection.workspace-add-button label, .workspace-switcher label:disabled selection.workspace-add-button label, .drop-shadow button:disabled, .workspace-switcher .workspace-add-button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-settings-window buttonbox.inline-toolbar button:disabled, label:disabled .workspace-switcher selection.workspace-add-button, .workspace-switcher label:disabled selection.workspace-add-button { + color: rgba(36, 36, 36, 0.45); +} + +.raven stackswitcher.linked > button, .raven button { + color: #575757; + background-color: transparent; + background-image: none; + border: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:hover, .raven button:hover { + color: #525252; + background-color: rgba(87, 87, 87, 0.1); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:active, .raven button:active { + color: #575757; + background-color: rgba(87, 87, 87, 0.25); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:checked, .raven button:checked { + color: #575757; + background-color: rgba(87, 87, 87, 0.12); + background-image: none; + box-shadow: none; +} + +.raven stackswitcher.linked > button:disabled, .raven button:disabled { + background: none; + box-shadow: none; +} + +.raven button:disabled label, .raven stackswitcher.linked > button:disabled, .raven button:disabled { + color: rgba(87, 87, 87, 0.35); +} + +.raven stackswitcher.linked > button.linked, .raven button.linked { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(255, 255, 255, 0.95); +} + +.raven button.linked:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven button.linked:active, .raven button.linked:checked { + color: white; + background-color: #F3BA4B; +} + +.raven button.linked:disabled, label:disabled selection.linked { + background-color: transparent; +} + +.raven button.linked:disabled label, label:disabled selection.linked label, .raven button.linked:disabled, label:disabled selection.linked { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 6px; + -gtk-outline-radius: 6px; +} + +.budgie-settings-window list.sidebar { + background-color: #ffffff; + border-radius: 0 0 0 12px; + border-color: #d6d6d6; +} + +.budgie-popover { + margin: 0; + padding: 0; + border-color: rgba(0, 0, 0, 0.12); + border-radius: 12px; + background-color: rgba(245, 245, 245, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(0, 0, 0, 0); +} + +.budgie-popover .container { + padding: 0; + border: none; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover list.content-box row.activatable { + padding: 0; + background: 0; + border: none; + box-shadow: none; +} + +.budgie-popover switch { + margin-left: 56px; + margin-right: 6px; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) label:disabled selection:not(.image-button), label:disabled .budgie-popover:not(.budgie-menu) selection:not(.image-button) { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-popover treeview.view.sidebar, +.budgie-popover scrolledwindow.sidebar { + background: none; + border-right: none; + color: #242424; +} + +.budgie-popover treeview.view.sidebar label, +.budgie-popover scrolledwindow.sidebar label { + padding: 3px 8px; +} + +.budgie-popover treeview.view.sidebar:hover, +.budgie-popover scrolledwindow.sidebar:hover { + background-color: rgba(36, 36, 36, 0.05); +} + +.budgie-popover treeview.view.sidebar:selected, .budgie-popover treeview.view.sidebar:selected:hover, +.budgie-popover scrolledwindow.sidebar:selected, +.budgie-popover scrolledwindow.sidebar:selected:hover { + color: white; + background-color: #F3BA4B; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.caffeine-popover .container { + padding: 8px; +} + +.budgie-popover.night-light-indicator .container { + padding: 6px; +} + +.budgie-popover.places-menu .container { + padding: 6px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +window.budgie-popover:not(.csd) > frame.container { + margin: 0 -1px -1px; +} + +.bottom window.budgie-popover:not(.csd) > frame.container { + padding: 2px 0 2px; +} + +window.budgie-popover:not(.csd) > frame.container, +window.budgie-popover:not(.csd) > frame.container > border { + border-style: none; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(0, 0, 0, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 100ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(0, 0, 0, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 6px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + padding: 5px 10px; + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 110%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 6px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 6px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; + box-shadow: none; +} + +.budgie-menu button:hover { + transition: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.45); +} + +.budgie-menu button:checked:hover { + background-image: none; + background-color: #f5c363; +} + +.budgie-menu button:checked:disabled, .budgie-menu label:disabled selection:checked, label:disabled .budgie-menu selection:checked { + background-color: rgba(243, 186, 75, 0.5); +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(255, 255, 255, 0.16); + color: white; + font-weight: 500; + border-width: 0; +} + +.budgie-panel.transparent { + background-color: rgba(255, 255, 255, 0.1); + border-width: 0; +} + +.bottom .budgie-panel { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.left .budgie-panel { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.right .budgie-panel { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 0 0 0 0; +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + border-top-width: 0; + border-bottom-width: 0; + border: none; + box-shadow: none; + color: rgba(255, 255, 255, 0.85); + background: none; +} + +.budgie-panel button:hover { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.budgie-panel button:active { + background-color: rgba(255, 255, 255, 0.15); + color: white; + background-image: none; +} + +.budgie-panel button:checked { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: white; + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; + font-weight: normal; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #F3BA4B; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(255, 255, 255, 0.4); +} + +.budgie-panel menubar > menuitem.budgie-menubar:hover, +.budgie-panel .menubar > menuitem.budgie-menubar:hover { + background-color: rgba(255, 255, 255, 0.1); +} + +.budgie-panel menubar.-vala-panel-appmenu-private > menuitem { + font-weight: normal; +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: #242424; +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled, .budgie-panel label:disabled selection:not(:checked), label:disabled .budgie-panel selection:not(:checked) { + color: rgba(36, 36, 36, 0.5); +} + +.budgie-panel button.flat.launcher:active { + background-color: rgba(36, 36, 36, 0.2); +} + +.budgie-panel button.flat.launcher:checked { + background-color: rgba(36, 36, 36, 0.15); +} + +.top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), #f8d593 100%, transparent 0%) 3 0 0 0/3px 0 0 0; +} + +.bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), #f8d593 100%, transparent 0%) 0 0 3 0/0 0 3px 0; +} + +.left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, #f8d593 100%, transparent 0%) 0 0 0 3/0 0 0 3px; +} + +.right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, #f8d593 100%, transparent 0%) 0 3 0 0/0 3px 0 0; +} + +#tasklist-button { + padding: 0 4px; + box-shadow: none; + background-image: none; + color: #242424; +} + +#tasklist-button:active { + background-color: rgba(36, 36, 36, 0.15); + color: #171717; +} + +#tasklist-button:checked { + background-color: rgba(36, 36, 36, 0.12); + color: #171717; +} + + +button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 0; + border-radius: 0; + background-position: center center; +} + + +button.flat.launcher > image { + opacity: 0.87; +} + + +button.flat.launcher:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:hover > image { + opacity: 1.0; +} + + +button.flat.launcher:active > image { + opacity: 1.0; +} + + +button.flat.launcher:checked:hover { + -gtk-icon-effect: highlight; +} + + +button.flat.launcher:checked > image { + opacity: 1.0; +} + + +.unpinned button.flat.launcher:hover, +.pinned button.flat.launcher.running:hover, +.pinned button.launcher.running.sidebar-button:hover { + -gtk-icon-effect: highlight; +} + + +.unpinned button.flat.launcher > image, +.pinned button.flat.launcher.running > image, +.pinned button.launcher.running.sidebar-button > image { + background-repeat: no-repeat; + opacity: 1.0; +} + + +.unpinned button.flat.launcher:checked > image, +.pinned button.flat.launcher.running:checked > image, +.pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.top .budgie-panel .unpinned button.flat.launcher > image, +.top .budgie-panel .pinned button.flat.launcher.running > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: top center; + background-image: image(#F3BA4B); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked > image, +.top .budgie-panel .pinned button.flat.launcher.running:checked > image, +.top .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.bottom .budgie-panel .unpinned button.flat.launcher > image, +.bottom .budgie-panel .pinned button.flat.launcher.running > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 6px 3px; + background-position: bottom center; + background-image: image(#F3BA4B); +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked > image, +.bottom .budgie-panel .pinned button.flat.launcher.running:checked > image, +.bottom .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.left .budgie-panel .unpinned button.flat.launcher > image, +.left .budgie-panel .pinned button.flat.launcher.running > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: left center; + background-image: image(#F3BA4B); +} + +.left .budgie-panel .unpinned button.flat.launcher:checked > image, +.left .budgie-panel .pinned button.flat.launcher.running:checked > image, +.left .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +.right .budgie-panel .unpinned button.flat.launcher > image, +.right .budgie-panel .pinned button.flat.launcher.running > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button > image { + background-size: 3px 6px; + background-position: right center; + background-image: image(#F3BA4B); +} + +.right .budgie-panel .unpinned button.flat.launcher:checked > image, +.right .budgie-panel .pinned button.flat.launcher.running:checked > image, +.right .budgie-panel .pinned button.launcher.running.sidebar-button:checked > image { + background-image: none; +} + +box:not(.unpinned):not(.pinned) > revealer > button.flat.launcher { + border-image: none; +} + +frame.raven-frame > border { + border-style: none; +} + +.top .shadow-block { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.bottom .shadow-block { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.left .shadow-block { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.right .shadow-block { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.03) 15%, rgba(0, 0, 0, 0.02) 60%, transparent); +} + +.raven { + background-color: rgba(222, 222, 222, 0.85); + color: #363636; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven stackswitcher { + padding: 0 8px 12px 8px; +} + +.raven .raven-header { + min-height: 36px; + padding: 2px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 32px; + min-width: 32px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px 8px; + color: #363636; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven .raven-header.top > stackswitcher.linked { + padding: 2px; + margin: 6px 0 0 0; + background-color: rgba(36, 36, 36, 0.05); + border-radius: 8px; +} + +.raven .raven-header.top > stackswitcher.linked > button { + border-radius: 6px; + margin: 0; + padding: 0 20px; + min-height: 20px; +} + +.raven .raven-header.top > stackswitcher.linked > button:hover { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven .raven-header.top > stackswitcher.linked > button:active, .raven .raven-header.top > stackswitcher.linked > button:checked { + background-color: white; +} + +.raven .raven-header.top > stackswitcher.linked > button:checked { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.05); +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven scrolledwindow > .frame { + padding: 0 8px; + transition-duration: 0s; + border: none; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical { + margin: 8px 0; + border-radius: 10px; + background-color: #efefef; + transition-duration: 0s; + border: 1px solid rgba(0, 0, 0, 0.1); +} + +.raven scrolledwindow > .frame .raven-header { + margin-top: -16px; + border-radius: 10px 10px 0 0; +} + +.raven scrolledwindow > .frame .raven-background { + margin-bottom: -16px; + border-radius: 0 0 10px 10px; + background-color: #f5f5f5; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child { + border-radius: 10px; + border: none; + background-color: rgba(0, 0, 0, 0.65); + color: rgba(255, 255, 255, 0.65); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background { + background-color: rgba(0, 0, 0, 0.25); + margin-bottom: 0; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background image { + color: rgba(255, 255, 255, 0.15); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris { + background-color: rgba(0, 0, 0, 0.35); + color: white; + border-radius: 0 0 10px 10px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris label { + min-height: 24px; +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image { + color: rgba(255, 255, 255, 0.85); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris image:disabled { + color: rgba(255, 255, 255, 0.35); +} + +.raven scrolledwindow > .frame > box.vertical > box.vertical:last-child .raven-background .raven-mpris button.image-button { + padding: 8px; + border: none; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked { + padding: 0; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio { + padding-top: 8px; + padding-bottom: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.08); + background-color: rgba(255, 255, 255, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:hover { + background-color: rgba(242, 242, 242, 0.95); +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:active, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:checked { + color: white; + background-color: #F3BA4B; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + background-color: transparent; +} + +.raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled label, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio label, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio label, .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > button.text-button.radio:disabled, .raven scrolledwindow > .frame box.audio-widget label:disabled stackswitcher.linked > selection.radio, label:disabled .raven scrolledwindow > .frame box.audio-widget stackswitcher.linked > selection.radio { + color: rgba(36, 36, 36, 0.45); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background checkbutton.text-button:hover, .raven .raven-background radiobutton.text-button:hover { + color: #101010; +} + +.raven .raven-background checkbutton.text-button:disabled, .raven .raven-background label:disabled selection.text-button, label:disabled .raven .raven-background selection.text-button, .raven .raven-background radiobutton.text-button:disabled { + color: rgba(54, 54, 54, 0.45); +} + +.raven .raven-background list { + color: #363636; + background-color: #f5f5f5; +} + +.raven .raven-background.frame { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.12); +} + +.raven .raven-background > overlay > widget > image { + color: rgba(54, 54, 54, 0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #F3BA4B; + color: white; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven box.vertical > stack > box.vertical > .raven-header { + background-color: #efefef; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame list { + background-color: #f5f5f5; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable { + margin-left: -8px; + margin-right: -2px; + background-color: transparent; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable > box.vertical * { + color: #363636; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable image { + padding-left: 8px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button { + margin: 8px; + padding: 2px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:active image, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable button.image-button:checked image { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list { + border-radius: 0; + border-top: 1px solid rgba(0, 0, 0, 0.12); + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(54, 54, 54, 0.06); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable label { + padding: 0 16px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button { + min-height: 24px; + min-width: 24px; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable list > row.activatable button.image-button image { + padding: 0; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.75); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > grid > *, +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected > box.vertical * { + color: white; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button { + border: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:active, .raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected button.image-button:checked { + background-color: rgba(255, 255, 255, 0.35); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:last-child { + border-bottom: none; +} + +.raven box.vertical > stack > box.vertical > .raven-background > viewport.frame > list > row.activatable:selected list > row.activatable:selected { + background-color: rgba(243, 186, 75, 0.65); +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(36, 36, 36, 0.06); + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #242424; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +box.audio-widget scale.horizontal.marks-after, +window.sound-popover.background scale.horizontal.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +box.audio-widget scale.horizontal.marks-after trough, +window.sound-popover.background scale.horizontal.marks-after trough { + background-color: transparent; +} + +box.audio-widget scale.horizontal.marks-after trough:dir(ltr), +window.sound-popover.background scale.horizontal.marks-after trough:dir(ltr) { + background-image: linear-gradient(to right, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after trough:dir(rtl), +window.sound-popover.background scale.horizontal.marks-after trough:dir(rtl) { + background-image: linear-gradient(to left, rgba(48, 209, 88, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) calc(66% - 3px), rgba(248, 70, 76, 0.25) 100%); +} + +box.audio-widget scale.horizontal.marks-after mark label, +window.sound-popover.background scale.horizontal.marks-after mark label { + font-size: 0; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 4px; + border-style: none; + background-color: transparent; + color: #363636; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #F3BA4B; + color: white; +} + +calendar.raven-calendar.button { + color: rgba(54, 54, 54, 0.45); +} + +calendar.raven-calendar.button:hover { + color: #363636; +} + +calendar.raven-calendar.button:disabled, label:disabled selection.button { + color: rgba(54, 54, 54, 0.25); +} + +calendar.raven-calendar:indeterminate { + color: alpha(#363636,0.35); +} + +calendar.raven-calendar.highlight { + color: #363636; +} + +.budgie-switcher-window, .budgie-osd-window, +.budgie-notification-window { + background-color: transparent; + background-image: none; + border-radius: 12px; +} + +.budgie-switcher-window button.image-button, .budgie-osd-window button.image-button, +.budgie-notification-window button.image-button { + margin: 0; + padding: 0; + min-height: 28px; + min-width: 28px; + border-radius: 100px; +} + +.budgie-switcher, +.budgie-notification { + background-color: transparent; + background-image: none; +} + +.budgie-switcher .notification-title, +.budgie-notification .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 12px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 12px; + -gtk-outline-radius: 12px; + background-image: none; +} + +window.budgie-switcher-window .drop-shadow, .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 12px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.06); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 6px; +} + +.budgie-run-dialog, .budgie-session-dialog, +.budgie-polkit-dialog { + border-radius: 12px; + background-color: #f5f5f5; +} + +.background.budgie-run-dialog, .background.budgie-session-dialog, +.background.budgie-polkit-dialog { + border-radius: 12px; +} + +.budgie-run-dialog decoration, .budgie-session-dialog decoration, +.budgie-polkit-dialog decoration { + border-radius: 12px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button, +.budgie-polkit-dialog buttonbox.linked.horizontal > button { + padding: 8px 16px; + margin: 8px 3px; + border: none; + border-radius: 4px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:first-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:first-child { + margin-left: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:last-child, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:last-child { + margin-right: 8px; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action), +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action) { + border: none; + background-color: transparent; + box-shadow: none; + background-clip: border-box; +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + background-image: none; + box-shadow: none; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, +.budgie-polkit-dialog buttonbox.linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: white; + background-color: rgba(0, 0, 0, 0.5); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.65); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +.budgie-panel box.titlebar { + min-width: 20px; + min-height: 20px; + border-radius: 0; + background: none; + box-shadow: none; + border: none; +} + +.budgie-panel box.titlebar > widget > label { + color: rgba(255, 255, 255, 0.75); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton { + padding: 0 3px; +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close.png"), url("windows-assets/titlebutton-close@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-hover.png"), url("windows-assets/titlebutton-close-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.close:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-close-active.png"), url("windows-assets/titlebutton-close-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize.png"), url("windows-assets/titlebutton-maximize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-hover.png"), url("windows-assets/titlebutton-maximize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.maximize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-maximize-active.png"), url("windows-assets/titlebutton-maximize-active@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize.png"), url("windows-assets/titlebutton-minimize@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:hover { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-hover.png"), url("windows-assets/titlebutton-minimize-hover@2.png")); +} + +.budgie-panel box.titlebar > button.image-button.titlebutton.minimize:backdrop:active { + background-image: -gtk-scaled(url("windows-assets/titlebutton-minimize-active.png"), url("windows-assets/titlebutton-minimize-active@2.png")); +} + +.budgie-panel box.titlebar.horizontal { + padding: 0 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(ltr) { + padding-right: 3px; +} + +.budgie-panel box.titlebar.horizontal > widget > label:dir(rtl) { + padding-left: 3px; +} + +.budgie-panel box.titlebar.horizontal > button.image-button.titlebutton { + padding: 0 3px; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #F3BA4B; +@define-color theme_selected_fg_color white; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #F3BA4B; +@define-color selected_fg_color white; +@define-color insensitive_bg_color rgba(36, 36, 36, 0.45); +@define-color insensitive_fg_color alpha(rgba(36, 36, 36, 0.45), 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.12); +@define-color unfocused_borders rgba(0, 0, 0, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #30D158; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +@define-color wm_title alpha(#575757, 0.8); +@define-color wm_unfocused_title alpha(#575757, 0.5); +@define-color wm_bg white; +@define-color wm_bg_unfocused white; +@define-color wm_highlight white; +@define-color wm_shadow alpha(black, 0.75); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #F3BA4B; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg white; +@define-color titlebar_gradient_a #ffffff; +@define-color titlebar_gradient_b #ffffff; +@define-color budgie_tasklist_indicator_color #F3BA4B; +@define-color budgie_tasklist_indicator_color_active #F3BA4B; +@define-color budgie_tasklist_indicator_color_active_window rgba(244, 191, 87, 0.6136); +@define-color budgie_tasklist_indicator_color_attention #F27835; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/src/main/gtk-3.0/gtk-light-yellow.scss b/src/main/gtk-3.0/gtk-light-yellow.scss new file mode 100644 index 00000000..7fd7d17b --- /dev/null +++ b/src/main/gtk-3.0/gtk-light-yellow.scss @@ -0,0 +1,16 @@ +$variant: 'light'; +$laptop: 'false'; +$trans: 'true'; +$black: 'false'; +$theme: 'yellow'; + +@import '../../sass/colors'; +@import '../../sass/variables'; +@import '../../sass/gtk/drawing'; +@import '../../sass/gtk/common'; +@import '../../sass/gtk/applications'; +@import '../../sass/gtk/unity'; +@import '../../sass/gtk/granite'; +@import '../../sass/gtk/lightdm'; +@import '../../sass/gtk/budgie.scss'; +@import '../../sass/gtk/colors-public'; diff --git a/src/main/gtk-3.0/gtk-light.scss b/src/main/gtk-3.0/gtk-light.scss index eb5ee8f9..c4310efb 100644 --- a/src/main/gtk-3.0/gtk-light.scss +++ b/src/main/gtk-3.0/gtk-light.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/other/dash-to-dock/stylesheet-dark.scss b/src/other/dash-to-dock/stylesheet-dark.scss index 2883a819..9a44f49c 100644 --- a/src/other/dash-to-dock/stylesheet-dark.scss +++ b/src/other/dash-to-dock/stylesheet-dark.scss @@ -2,6 +2,7 @@ $variant: 'dark'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/other/dash-to-dock/stylesheet.scss b/src/other/dash-to-dock/stylesheet.scss index ddcd1225..0fab594b 100644 --- a/src/other/dash-to-dock/stylesheet.scss +++ b/src/other/dash-to-dock/stylesheet.scss @@ -2,6 +2,7 @@ $variant: 'light'; $laptop: 'false'; $trans: 'true'; $black: 'false'; +$theme: 'default'; @import '../../sass/colors'; @import '../../sass/variables'; diff --git a/src/sass/_colors.scss b/src/sass/_colors.scss index b84a4e81..2cb1f19b 100644 --- a/src/sass/_colors.scss +++ b/src/sass/_colors.scss @@ -27,6 +27,39 @@ $light_divider_color: rgba(white, 0.15); $selected_fg_color: $light_fg_color; $selected_bg_color: $theme_color_default; + +@if $theme == 'blue' { + $selected_bg_color: $theme_color_blue; +} + +@if $theme == 'purple' { + $selected_bg_color: $theme_color_purple; +} + +@if $theme == 'pink' { + $selected_bg_color: $theme_color_pink; +} + +@if $theme == 'red' { + $selected_bg_color: $theme_color_red; +} + +@if $theme == 'orange' { + $selected_bg_color: $theme_color_orange; +} + +@if $theme == 'yellow' { + $selected_bg_color: $theme_color_yellow; +} + +@if $theme == 'green' { + $selected_bg_color: $theme_color_green; +} + +@if $theme == 'grey' { + $selected_bg_color: $theme_color_grey; +} + $primary_color: $selected_bg_color; $selected_borders_color: darken($selected_bg_color, 10%);